Naval Wars

How to Run

Go into the frontend folder, run npm i and then npm run dev.

Project Information

Dependencies in the Frontend Folder

• Next.js
  • npm create-next-app@latest --typescript or ?
  • npx create-next-app@latest --typescript
• Prisma
  • npm install prisma --save-dev
  • npx prisma
  • npx prisma generate (you should run this after migrations, idk why yet)
  • npx prisma db seed (we added this)
  • npx prisma db pull
  • npx prisma db push or ↓ (DB push doesn't have history)
  • npx prisma migrate dev --name newMigration or npx prisma migrate when not in development mode
  • npx prisma format
  • npx prisma studio
• Tailwind CSS
  • npm i tailwindcss postcss autoprefixer or
    • npm install tailwindcss
    • npm install postcss
    • npm install autoprefixer
  • npx tailwindcss init -p
• Next Auth
  • npm install next-auth
  • npm install @next-auth/prisma-adapter
• Auth0
  • npm install @auth0/nextjs-auth0
• Radix UI
  • npm install @radix-ui/react-dropdown-menu
• Lottie Player
  • npm install @lottiefiles/react-lottie-player
• Generate key in Node
  • node -e "console.log(crypto.randomBytes(32).toString('hex'))"

External Programs

• HeidiSQL (client) | (or Prisma Studio)
• MySQL (server only)
• Postman (REST API)
  • http://localhost:3000/api/
  • http://localhost:3000/api/users

Recommended VS Code extensions

NECESSARY

• Prettier
• Prisma (syntax highlighting)
• Tailwind CSS IntelliSense

OPTIONAL

• GitLens
• Simple React Snippets
• Tabnine AI Autocomplete
• Auto Rename Tag
• Gruvbox Material Icon Theme
• Reload
• Auto Comment Blocks
• Todo Tree

Additional Helpful Snippets

HTTP Status Code Responses

• 200 - OK
• 201 - Created success
• 400 - Bad Request
• 403 - Forbidden
• 404 - Not Found

GIT

• Remove indexes of cached files in a folder: git rm -r --cached <folder>