This is a Next.js project bootstrapped with create-next-app.

Stack

• Next.js
• Hypgraph CMS
• GrahpQL
• Tailwind
• Storybook

Adding new queries

1. Go to your Hypgraph account and generate the query in api playground
2. Copy and paste generated query to app/api/graphql/queries.graphql
3. Run npm run generate-graphql to generate code (types, handlers, hooks) for you automagically

Adding new mutations

1. Go to your Hypgraph account and generate the mutation in api playground
2. Copy and paste generated query to app/api/graphql/mutations.graphql
3. Run npm run generate-graphql to generate code (types, handlers, hooks) for you automagically

Getting Started

Install packages with proper Node.js version:

nvm use && npm i

Copy required envs for local developement:

cp .env.example .env.local

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Gotchas

1. In case you are creating new folder with Tailwind classes and they don't appear - make sure you add it to the content of tailwind.config.js file