Next App

This is a Next.js v15 project bootstrapped with create-next-app and has the following features preconfigured:

• Typescript integration
• Preconfigured eslint
• Material-UI setup with switching between light and dark mode.
• Tailwind CSS v4
• Containerize the application using Docker

Getting Started

pnpm set-up

The above command executes the setup.sh script to set up the project by:

• Ensuring pnpm and npm-check-updates are installed globally.
• Installing all dependencies.
• Building the app for the first time.

You can now start the development server by running:

pnpm dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Update Dependencies

npm-check-updates is an excellent tool for detecting the latest versions of dependencies and updating them in your package.json. It simplifies the process of keeping your project up to date with the latest package versions.

Installation

The setup.sh script globally installs npm-check-updates.

To update packages while also understanding the impact of the changes, run:

pnpm check-updates

This groups updates by type (major, minor, patch), making it easier to assess potential risks before upgrading.

Update all dependencies && check build status after updating all packages:

pnpm install-updates && pnpm build

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.