A modern web interface built with Next.js 15, React 19, and TypeScript. This project uses the latest features of Next.js including the App Router and Turbopack for optimal development experience.
- Framework: Next.js 15.3.3
- Language: TypeScript
- UI Components: Custom components with Tailwind CSS
- Styling: Tailwind CSS 4
- Package Manager: pnpm 10.10.0
- Linting: Biome
- Development: Turbopack for faster builds
- Node.js (Latest LTS version recommended)
- pnpm 10.10.0 or later
- Create a
.envfile in the root directory:
cp .env.example .envNote: Never commit the .env file to version control. The .env.example file serves as a template for required environment variables.
- Install dependencies:
pnpm install- Run the development server:
pnpm devThe application will be available at http://localhost:3000.
pnpm dev- Start the development server with Turbopackpnpm build- Build the application for productionpnpm start- Start the production serverpnpm lint- Run Next.js lintingpnpm lint:fix- Run Biome to check and fix linting issuespnpm typecheck- Run TypeScript type checkingpnpm check- Run both linting and type checkingpnpm shadcn- Run shadcn CLI for component management
/app- Next.js app directory containing pages and layouts/components- Reusable React components/lib- Utility functions and shared logic/constants- Application constants and configuration/public- Static assets-
/.github- GitHub configuration files
/.vscode- VS Code configuration
- Todo
- Create a new branch for your feature
- Make your changes
- Run
pnpm checkto ensure code quality - Submit a pull request
This project is private and proprietary.
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!
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.