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-frontendCreate your own .env.development file:
cp .env.sample .env.developmentIf 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 devOpen 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