> For the complete documentation index, see [llms.txt](https://patronus-2.gitbook.io/docs.patronus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://patronus-2.gitbook.io/docs.patronus/frontend/nextjs.md).

# NextJS

The Frontend is built using Next.js, a popular React-based framework for building server-rendered, statically generated, and performance-optimized web applications.

<figure><img src="https://3832508760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmBZgZ9Lc7JNBDmGfAPr%2Fuploads%2F2mgoTb4tCCIl0Di3c7m9%2Fnextjs.png?alt=media&amp;token=9682dc04-2da2-40e6-b2cb-aa01a49eff83" alt=""><figcaption></figcaption></figure>

## **Why Next.js for Patronus?**

**Reasons:**

1. **Server-Side Rendering (SSR):** Next.js provides built-in SSR, enabling Patronus to deliver faster page loads and improved SEO.
2. **Compatibility:**  NextJS offers unmatched compatibility with Appwrite making the whole integration process easier and smooth.
3. **Static Site Generation (SSG):** Next.js allows for pre-rendering of static pages, reducing the load on the server and enhancing overall performance.
4. **Performance Optimization:** Next.js offers automatic code splitting, optimized images, and other performance-enhancing features, ensuring a seamless user experience for Patronus.
5. **React Ecosystem:** As a React-based framework, Next.js leverages the vast React ecosystem, providing access to a wide range of libraries, tools, and community resources.
6. **Ease of Development and Maintenance:** Next.js simplifies the development process with its intuitive API, reducing the time and effort required to build and maintain the Patronus frontend.