/nextjs-mvc

A Next.js project demonstrating MVC architecture

Primary LanguageTypeScript

Next.js MVC Task Manager

This is a Next.js App Router project following the MVC architecture using TypeScript.

🚀 Features

  • Model: Manages task data.
  • Controller: Handles business logic.
  • View: Displays tasks and forms.

📂 Project Structure

  • models/ - Data layer
  • controllers/ - Business logic
  • components/ - UI Views

🛠 Installation

git clone https://github.com/atapas/nextjs-mvc
cd nextjs-mvc-app
npm install

To Run it in Locally in the Dev Mode and See Code Changes

npm run dev

Then, access the app on http://localhost:3000

To Build

npm run build

It will create the build artifacts under the .next\ folder. The content of the .next folder should be packaged/deployed for the UI to run from a server.

Final Output

task list