About The Project

Next.js 13 introduced the new App Router, this project is an attempt to demo a subset of the new features I have found interesting.

Showcased features:

• file-system based routing
• data fetching using React Server Components
• loading UI with React Suspense
• route handlers

To add a bit to the challenge, I've included a minimal (sometimes flaky) drag-n-drop feature based on the HTML Drag and Drop API.

Built With

• Next.js 13
• Prisma
• NextAuth.js
• Zod
• SWR
• Tailwindcss
• Tabler Icons

Getting Started

To get a local copy up and running follow these steps.

Prerequisites

• Node.js version > 18
• MySql database
  If you're planning to run it with Docker on arm64, I recommend using the arm64v8/mysql image.
• set up a .env file based on .env.example

Installation

1. Install Node dependencies
2. Generate the Prisma client
3. Migrate your database schema

Running the Development Server

The dev server can be started by running:

License

Distributed under the MIT License. See LICENSE.md for more information.