This is a nextjs app build with the new app directory and the following technologies:
- Nextjs on Vercel
- MongoDB Atlas
- Apollo Graphql on Heroku
- Authentication with auth0
The next app is hosted on Vercel. It's called Basic Next App
.
See the Basic Next App Deployment
See the Basic Next App project on Vercel
The MondoDB data is stored in a the Atlas Readylab group in a project called Graphql Apollo Mongodb Nextjs
.
See the MongoDB Readylab Project
The Apollo Server is hosted on Heroku in a project called varioso
.
See the Server repo on github
See the Varioso Heroku Project
See the Apollo Server Sandbox on Heroku
Use @auth0/nextjs-auth0
for authentication.
See the Auth0 Dashboard.
nvm use 16
npm install
npm run dev
- visit localhost:3000
You need to add secrets from your .env
file to the settings in your Vercel app. Do that at settings/environment-variables
Use @auth0/nextjs-auth0
for authentication. See dashboard.
For the AUTH BASE URL:
- prod:
https://basic-next-app-alpha.vercel.app/
- dev:
http://localhost:3000/
For the auto0 settings page, you need to set the "Allowed Callback URLs". This will be localhost and your Vercel domain, e.g.
http://localhost:3000/api/auth/callback
https://basic-next-app-alpha.vercel.app/api/auth/callback
To create a secret, use `openssl rand -hex 32`` to generate a 32 bytes value.
Want to update your credentials? Create a new token here.