Next.js & Tailwind CSS Starter

A super simple boilerplate for your Next.js web app built with TypeScript, NextJS, React, and TailwindCSS.

Technologies

• React Hooks instead of React.Component to create stateful components
• TypeScript static types for Component Props, Actions & Services
• Tailwind CSS for the UI
• Prisma for the database
• Magic for Google authentication
• Eslint & Prettier to lint and format the source code.

Hit the Star button if you love this project ⭐️

Usage

Prisma

Connect your database and update your .env file within the prisma directory.

Magic

Rename the .env.example file to .env. Then, Sign up for Magic and fill in your MAGIC_PUBLIC_KEY and MAGIC_PRIVATE_KEY.

Running Locally

Install dependencies

npm install

For development

npm run dev

For production

npm run build
npm start