akiryk / basic-next-app

Next App

Description

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.

Get Started

In Dev

• nvm use 16
• npm install
• npm run dev
• visit localhost:3000

To deploy

• git push
• visit dashboard
• visit live app

You need to add secrets from your .env file to the settings in your Vercel app. Do that at settings/environment-variables

Auth

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.

Github

Want to update your credentials? Create a new token here.