# Crema Next.js Overview

Crema Next.js is available with App Router. Crema is also available in both Typescript and Javascript.

When you get the Crema template from Themeforest, you will get a zip folder from Themeforest. Upon extracting the content of the zip folder, you will get the following two zip files.

{% hint style="info" %}
We can't include everything in the ThemeForest zip file. You can find out the code from GitHub. You can check out the GitHub repo here by filling out this [form](https://git-access.cremawork.com/)\
\
You can find out the following branches for all Nextjs Repos of the Crema4.x.x as mentioned below

* **source**: This is the default branch of all the Crema Repos. It's based on the Context APIs with the App router

* **source-page-router**: This is the main branch of the page router. It's based on the Context APIs with the Page router

* **source-page-router-starter-kit**: This is a starter kit built with the Context APIswith the Page router

* **redux-toolkit-page-router**: This is the main branch of the redux based. It's based on the Redux Toolkit with the Page router

* **redux-toolkit-page-router-starter-kit**: This is a starter kit built with the Redux Toolkit with the Page router

* **nx-page-router:** This is nx monorepo based branch. you will get all apps based on the context APIs and redux-toolkit and their starter-kits as well with the Page router.
  {% endhint %}

* <mark style="color:blue;">**Crema 4.x**</mark>&#x20;

  **I. MUI:-**  In this folder, you will get the MUI-based template. Crema supports all three state management lib(redux-toolkit, and Context APIs). You can checkout the demo [here](https://cra.cremawork.com/)

  1. **crema-mui-4.x:** This app is based on the CRA based built with JavaScript
  2. **crema-mui-next-4.x:** This app is based on Next.js built with JavaScript
  3. **crema-mui-ts-4.x:** This app is based on the CRA based built with TypeScript.
  4. **crema-mui-next-ts-4.x:** This app is based on Next.js built with JavaScript

  \
  **II. Antd:-** In this folder, you will get the Antd-based template. Crema supports all three state management lib(redux-toolkit, and Context APIs). You can checkout the demo [here](https://ant-cra.cremawork.com/)

  1. **crema-antd-4.x:** This app is based on the CRA based built with JavaScript
  2. **crema-antd-next-4.x:** This app is based on Next.js built with JavaScript
  3. **crema-antd-ts-4.x:** This app is based on the CRA based built with TypeScript
  4. **crema-antd-next-ts-4.x:** This app is based on the Next.js built with TypeScript<br>

* **servers:-** In this directory, you will find the following backend servers, These servers have auth APIs .

  1. [**Mongoose**](https://docs.cremawork.com/servers/mongoose)
  2. [**Laravel**](https://docs.cremawork.com/servers/laravel)
  3. [**Python**](https://docs.cremawork.com/servers/python)

{% hint style="info" %}
We have the MUI and Antd Design's default components in the CRA+JS Apps, in other apps you can refer to the components from their page directly &#x20;
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cremawork.com/v-4-nextjs/overview/crema-next.js-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.