msk4862 / nextjs-13-fullstack

A fullstack Project management app developed with NextJs v13 using experimental appDir

An example full-stack application using NextJs v13 with app (beta) directory.

A web app for tracking different projects and its tasks. 🚧 WIP...

Auth Page	Home Page

Tech used:

• NextJs
• PostgreSQL database
• Prisma ORM
• Tailwind CSS

Getting Started

Create .env file and add environment variables (see .env.example for reference)

Databse setup

DB migration:

npx prisma migrate dev 

Seed DB with test data (optional):

npx prisma db seed

Start development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

API routes can be accessed on http://localhost:3000/api/*. These endpoints can be edited in pages/api/*.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.