Headless CMS for Flutter

import 'package:flutter/material.dart';
import 'package:graphql_flutter/graphql_flutter.dart';

void main() {
  final HttpLink httpLink = HttpLink(
    'https://api-<region>.hygraph.com/v2/<some hash>/master',
  );

  // Replace 'YOUR_AUTH_TOKEN' with the actual token.
  final AuthLink authLink = AuthLink(
    getToken: () async => 'Bearer YOUR_HYGRAPH_TOKEN',
  );

  // Use the authLink to concatenate it with the httpLink
  final Link link = authLink.concat(httpLink);

  final ValueNotifier<GraphQLClient> client = ValueNotifier(
    GraphQLClient(
      link: link,
      cache: GraphQLCache(store: InMemoryStore()),
    ),
  );

  final app = GraphQLProvider(
    client: client,
    child: MyApp(),
  );

  runApp(app);
}

class ProductList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Query(
      options: QueryOptions(
        document: gql(
          r'''
          query GetProducts {
            products {
              name
              description
              slug
              availability
              image
            }
          }
          ''',
        ),
      ),
      builder: (QueryResult result, { VoidCallback? refetch, FetchMore? fetchMore }) {
        if (result.hasException) {
          return Text(result.exception.toString());
        }

        if (result.isLoading) {
          return CircularProgressIndicator();
        }

        List products = result.data['products'];

        return ListView.builder(
          itemCount: products.length,
          itemBuilder: (context, index) {
            final product = products[index];

            return ListTile(
              title: Text(product['name']),
              subtitle: Text(product['description']),
              trailing: product['availability']
                  ? Icon(Icons.check_circle, color: Colors.green)
                  : Icon(Icons.remove_circle, color: Colors.red),
              onTap: () {
                // Navigate to product details page
              },
            );
          },
        );
      },
    );
  }
}