Fullstack Next.js 14 + TypeScript + MongoDB Template

• This template is a comprehensive starting point for building full-stack applications using Next.js 14, TypeScript, MongoDB, and other modern web technologies.
• Designed for efficiency and best practices, this template includes several out-of-the-box features and examples to jumpstart your project.
• Always use the latest version of the package

Lighthouse Result

Code With

How to Start

Node.js version 18 or higher is required.

Yarn Berry

npm install yarn -g
yarn set version berry
yarn

Project Run (Development)

yarn dev

Project Run (Production)

yarn build
yarn start

Folder Path

• src/*: common code
• app/(client): clients side code
• app/server: server side code

Examples

This template includes several examples to demonstrate its capabilities and provide a starting point for common web application features:

• Dynamic Pages: Handling dynamic routes in Next.js.
• Data Fetching: Examples of server-side and client-side data fetching.
• Query Strings: query strings in Next.js
• React Query: State management with React Query.
• Server Actions: Examples of server-side logic in Next.js 14
• More examples coming soon...

License

This template is available under the MIT License.