/rgql

A react app starter based on nextjs + graphql + twin.macro

Primary LanguageJavaScript

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

Quick Setup

This will perform all the below commands in sequence, and have a fully running application stack in one command.

make dev

open http://localhost:3000

Install dependencies

yarn install

Copy sample .env

make envfile

Setup Dgraph

Create the db

make dgraph

Create + migrate initial db schema

make migrate

Generate typescript types from schema

yarn graphql:types

Development server

First, run the development server:

yarn dev

PWA assets

Generate and update pwa assets to point your logo (defaults to nextjs logo)

make pwa SVG_PATH=/path/to/logo.svg

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

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

NextJS

Dgraph

NextAuth

Twin.Macro

Stitches

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.