This is a boilerplate repository to quickly get set up using Nuxt, Apollo, and Prisma 1.
A powerful stack for building Nuxt JAMStack apps powered by GraphQL from front-to-back.
This repo contains:
- A Nuxt app with a sample CRUD app that utilizes Apollo Client for local cache and optimistic UI
- Apollo Server
- Prisma Client
- Preconfigured Vercel deployment that will deploy the whole stack to Vercel's Now platform as Serverless functions
git clone https://github.com/heyshadowsmith/nap-stack-boilerplate.git
cd nap-stack-boilerplate && npm i
cd nuxt && npm i
Create a Prisma Service on Prisma 1 Cloud and then create an .env file in your root like the following:
PRISMA_ENDPOINT=https://eu1.prisma.sh/dummy-account/demo/dev
PRISMA_SECRET=supersecrettext
The PRISMA_ENDPOINT will be the endpoint for your Prisma Service in Prisma 1 Cloud.
The PRISMA_SECRET is yours to create; the stronger the better.
Now, install the Prisma CLI npm i -g prisma and run npm run prisma:deploy from the Root.
This will cause Prisma to update your database and generate Prisma Client based on your datamodel.graphql file.
In your terminal, run npm run apollo from your Root to start Apollo.
In another terminal, run cd nuxt && npm run dev from your Root to start Nuxt.
Create an account with Vercel and link it to your GitHub account then run npm i -g vercel to install the Vercel CLI.
After you authenticate, run the following commands to store your env variables in Vercel for your deployment.
vercel secrets add prisma_endpoint PRISMA_ENDPOINT
vercel secrets add prisma_secret PRISMA_SECRET
Delete the hidden .git directory in the Root to detach the repo from this repository.
Rename the project and push the project to your GitHub account.
After that, Vercel will automatically begin building your NAP Stack app with your Nuxt frontend located at / and your Apollo GraphQL API located at /api if you are using the Vercel for GitHub integration.