Stack

• Framework: Next.js
• UI Components: Material-UI
• Styling: Emotion
• Forms: Formik
• Form Validations: Yup
• Icons: Material Icons
• Social Media Share Buttons: react-share
• SEO: Next SEO
• Database: MongoDB
• ORM: Prisma
• Illustrations: unDraw
• Linting: ESLint
• Code Formatting: Prettier

Development

First, you need to set a MongoDB connection string for DATABASE_URL in .env.development.

Install dependencies:

npm install

Create db constaints (like @unique indexes):

npm run db:migrate

Run it in development mode:

npm run dev

Vercel Deployment

First, you need to set a MongoDB connection string for DATABASE_URL in .env.production.
Vercel's Now is one of the simplest deployment options ever. Deploying a Next.js App guide is just what you would need. I just downloaded the official cli and run vercel. That's it!