First, go into your "projects" directory.

Clone this repo:

git clone https://github.com/dives-app/dives-frontend.git
# or if you use SSH key
git clone [email protected]:dives-app/dives-frontend.git
# or GH CLI
gh repo clone dives-app/dives-frontend

Create your own .env.development file:

cp .env.sample .env.development

If you run your backend GraphQL Endpoint on a different address, you can adjust it in this file.

Now you can run the NextJS development server:

yarn dev

Open http://localhost:5000 with your browser to see the app.

yarn build-start - builds and starts the app locally (with local API)

yarn gen - to run graphql-code-generator

yarn analyze - runs bundle analyzer and generates reports in .next/analyze

yarn as - short for "analyze and start" - runs yarn analyze and serves it using http-server (install it globally if you want to use this command)

yarn clean - removes node_modules and .next folders

Each push to main triggers build and deploy on Google Cloud Run and the website becomes available at dives-txvot44owa-ez.a.run.app.

Next.js:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Next.js GitHub repository

Storybook:

• Storybook Docs
• Learn Storybook - tutorials
• Component Driven - website about component driven user interfaces