Overview

Integrating Next.js into a Nest.js application has never been more straightforward with the nest-next module. This powerful tool enables developers to render Next.js pages effortlessly via Nest.js controllers, while also allowing them to provide initial props to those pages. This integration supports a seamless interaction between the two frameworks, ensuring that both frontend and backend functionalities work harmoniously together.

Designed primarily for those who are already familiar with Nest.js and Next.js, nest-next empowers you to leverage the advantages of server-side rendering with the familiar structure and capabilities of Nest.js. Whether you're enhancing existing applications or embarking on new projects, this module simplifies the setup process and enhances productivity.

Features

Easy Integration: Quickly set up Next.js within a Nest.js application with minimal configuration required.
Customizable View Directory: Specify the folder inside the /pages directory to render from, giving developers flexibility in their project structure.
Initial Props Support: Effortlessly pass initial props to your Next.js pages, enhancing dynamic rendering capabilities.
Error Handling: Built-in error handling allows you to utilize Next.js's error renderer and customize how errors are presented to users.
Dev Mode: Automatic configuration for development mode ensures better error serialization and debugging capabilities, streamlining the development process.
Pass-through 404s: Instead of handling 404 responses in Nest, you can forward them directly to Next’s request handler, maintaining the Next.js experience.
TypeScript Ready: Full compatibility with TypeScript, including the necessary configurations to prevent common build issues.
Flexible Rendering: Utilize the Render decorator for page rendering in your controllers, simplifying the rendering logic back to its essentials.

Kyle Mccarthy

Nest Next Starter

Nest Next