NextJS Setup (2023 Version)

nextjs_setup.md

NextJS Starter Kit

Common libraries to kick off the project

Tailwind

https://tailwindcss.com/docs/guides/nextjs

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

// global.css
@tailwind base;
@tailwind components;
@tailwind utilities;

Tailwind Form

https://github.com/tailwindlabs/tailwindcss-forms

npm install -D @tailwindcss/forms

React Hook Form

https://react-hook-form.com/get-started

npm install react-hook-form

React Hot Toast

https://react-hot-toast.com/

npm install react-hot-toast

Prisma

https://www.prisma.io/docs/getting-started/quickstart

npm install prisma --save-dev

NextAuth

https://next-auth.js.org/getting-started/example

npm install next-auth

Framer Motion

https://www.framer.com/motion/introduction/#quick-start

npm install framer-motion

Others

Supabase AuthUI

https://supabase.com/docs/guides/auth/auth-helpers/auth-ui

npm install @supabase/supabase-js @supabase/auth-ui-react

Auth0

https://auth0.com/docs/quickstart/spa/react/01-login

npm install @auth0/auth0-react

Mailing

https://github.com/sofn-xyz/mailing https://www.mailing.run/docs

npm install --save mailing-core next react react-dom
npm install --save-dev mailing