diff --git a/.husky/pre-commit b/.husky/pre-commit
index 36af219..780b9d9 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
+pnpm run update-readmes
 npx lint-staged
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 445d474..4c315dc 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -84,17 +84,17 @@ Make sure you are set up locally by following the [Getting Started](#getting-sta
    - `test:raw` - Runs the binary directly. Rarely used, but can be useful for manual tests where you want to be able to specify the `app_name` argument yourself.
    - `clean` - Removes all generated files, including build files and the `create-next-stack-tests` directory created by the e2e tests.
 
-3. Add a new .ts file for your plugin in the plugins directory at `packages\create-next-stack\src\main\plugins`
+3. Add a new .ts file for your plugin in the plugins directory at [`packages/create-next-stack/src/main/plugins`](packages/create-next-stack/src/main/plugins)
 
    - See the [Writing a plugin section](#writing-a-plugin) below to learn how to write a Create Next Stack plugin.
 
-4. Add new flags to the `create-next-stack` command in [`create-next-stack.ts`](packages\create-next-stack\src\main\commands\create-next-stack.ts).
+4. Add new flags to the `create-next-stack` command in [`create-next-stack.ts`](packages/create-next-stack/src/main/commands/create-next-stack.ts).
 5. Add the plugin to the `plugins` array in [`setup.ts`](packages/create-next-stack/src/main/setup/setup.ts).
-6. Add potential plugin steps to the `steps` array in [`setup.ts`](packages/create-next-stack/src/main/setup/setup.ts). Steps are run top-to-bottom.
-7. Update the [`README.md`](README.md):
-   - Add the technology to the technology list
-   - Update the `Usage` section by copy pasting the output of running `yarn print:help`
-8. Consider expanding some of the e2e tests to include the new technology. See [`test.ts`](packages\create-next-stack\src\tests\e2e\test.ts) for current tests.
+6. Add potential plugin steps to the `steps` array in [`steps.ts`](packages/create-next-stack/src/main/steps.ts). Steps are run top-to-bottom.
+7. Consider expanding some of the e2e tests to include the new technology. See [`test.ts`](packages/create-next-stack/src/tests/e2e/test.ts) for current tests.
+8. Go and add the technology to the technology selection form of the website.
+   - See the [TechnologiesForm](website/templates/LandingPage/components/TechnologiesForm.tsx) component.
+   - This component is currently pretty hideous, and updating it will be automated in the future. See [issue #188](https://github.com/akd-io/create-next-stack/issues/188).
 9. Run tests using `yarn test` to ensure they all pass.
 10. Submit a Pull Request on GitHub.
 
@@ -102,7 +102,7 @@ Make sure you are set up locally by following the [Getting Started](#getting-sta
 
 Plugins aren't too scary. A Create Next Stack plugin consists of a simple TypeScript file that calls a `createPlugin()` function with JSON object.
 
-See the [Framer Motion plugin](packages/create-next-stack/src/main/plugins/emotion.ts) for example. This plugin adds the `framer-motion` npm dependency to the generated Next.js project, as well as adding some documentation about the technology.
+See the [Framer Motion plugin](packages/create-next-stack/src/main/plugins/framer-motion.ts) for example. This plugin adds the `framer-motion` npm dependency to the generated Next.js project, as well as adding some documentation about the technology.
 
 ```typescript
 export const framerMotionPlugin = createPlugin({
diff --git a/package.json b/package.json
index ba990ec..dd749a1 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "test": "pnpm prr test",
     "test:cli": "pnpm prr --filter create-next-stack test",
     "test:web": "pnpm prr --filter create-next-stack-website test",
+    "update-readmes": "pnpm prr update-readme",
     "prr": "pnpm recursive run"
   },
   "devDependencies": {
diff --git a/packages/create-next-stack/README.md b/packages/create-next-stack/README.md
index c5741bd..8fff936 100644
--- a/packages/create-next-stack/README.md
+++ b/packages/create-next-stack/README.md
@@ -31,60 +31,85 @@ To get started, go to [create-next-stack.com](https://www.create-next-stack.com)
 
 The table below provides an overview of the technologies currently supported by Create Next Stack.
 
-| Name                                                      | Links                                                                                                                                                                |
-| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Next.js](https://nextjs.org/) (Mandatory)                | [Docs](https://nextjs.org/docs) - [Learn Next.js](https://nextjs.org/learn) - [GitHub repo](https://github.com/vercel/next.js)                                       |
-| [React](https://reactjs.org/) (Mandatory)                 | [Docs](https://reactjs.org/docs/getting-started.html) - [GitHub repo](https://github.com/facebook/react)                                                             |
-| [TypeScript](https://www.typescriptlang.org/) (Mandatory) | [Docs](https://www.typescriptlang.org/docs/) - [GitHub repo](https://github.com/microsoft/TypeScript)                                                                |
-| [ESLint](https://eslint.org/) (Mandatory)                 | [Configuration](https://eslint.org/docs/user-guide/configuring/) - [Rules](https://eslint.org/docs/rules/) - [GitHub Repo](https://github.com/eslint/eslint)         |
-| [pnpm](https://pnpm.io/)                                  | [Docs](https://pnpm.io/motivation) - [GitHub repo](https://github.com/pnpm/pnpm)                                                                                     |
-| [Yarn](https://yarnpkg.com/)                              | [CLI Docs](https://yarnpkg.com/cli) - [GitHub repo](https://github.com/yarnpkg/berry)                                                                                |
-| [npm](https://www.npmjs.com/)                             | [CLI Docs](https://docs.npmjs.com/cli/)                                                                                                                              |
-| [Emotion](https://emotion.sh/docs/introduction)           | [Docs](https://emotion.sh/docs/introduction) - [GitHub repo](https://github.com/emotion-js/emotion)                                                                  |
-| [Styled Components](https://styled-components.com/)       | [Docs](https://styled-components.com/docs) - [GitHub repo](https://github.com/styled-components/styled-components)                                                   |
-| [Tailwind CSS](https://tailwindcss.com/)                  | [Docs](https://tailwindcss.com/docs) - [GitHub repo](https://github.com/tailwindlabs/tailwindcss)                                                                    |
-| [CSS Modules](https://github.com/css-modules/css-modules) | [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
-| [Sass](https://sass-lang.com/)                            | [Docs](https://sass-lang.com/documentation) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)                      |
-| [Chakra UI](https://chakra-ui.com/)                       | [Docs](https://chakra-ui.com/docs/getting-started) - [GitHub repo](https://github.com/chakra-ui/chakra-ui)                                                           |
-| [Material UI](https://material-ui.com/)                   | [Docs](https://material-ui.com/getting-started/installation/) - [GitHub repo](https://github.com/mui-org/material-ui)                                                |
-| [React Hook Form](https://react-hook-form.com/)           | [Docs](https://react-hook-form.com/get-started) - [GitHub repo](https://github.com/react-hook-form/react-hook-form)                                                  |
-| [Formik](https://formik.org/)                             | [Docs](https://formik.org/docs/overview) - [GitHub repo](https://github.com/formium/formik)                                                                          |
-| [Framer Motion](https://www.framer.com/motion/)           | [Docs](https://www.framer.com/docs/) - [GitHub repo](https://github.com/framer/motion)                                                                               |
-| [Prettier](https://prettier.io/)                          | [Docs](https://prettier.io/docs/en/index.html) - [Options](https://prettier.io/docs/en/options.html) - [GitHub repo](https://github.com/prettier/prettier)           |
-| [Husky](https://typicode.github.io/husky/)                | [Docs](https://typicode.github.io/husky/) - [GitHub repo](https://github.com/typicode/husky)                                                                         |
-| [lint-staged](https://github.com/okonet/lint-staged)      | [GitHub repo](https://github.com/okonet/lint-staged)                                                                                                                 |
-| [GitHub Actions](https://github.com/features/actions)     | [Docs](https://docs.github.com/en/actions) - [Workflow syntax](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions)                      |
-| [React Icons](https://react-icons.github.io/react-icons/) | [GitHub repo](https://github.com/react-icons/react-icons)                                                                                                            |
+<!-- CNS-START-OF-TECHNOLOGIES-TABLE -->
+
+| Name              | Links                                                                                                                                                                                                                        |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Next.js           | [Website](https://nextjs.org/) - [Docs](https://nextjs.org/docs) - [Learn Next.js](https://nextjs.org/learn) - [GitHub](https://github.com/vercel/next.js) - [Wikipedia](https://en.wikipedia.org/wiki/Next.js)              |
+| React             | [Website](https://reactjs.org/) - [Docs](https://reactjs.org/docs/getting-started.html) - [GitHub](https://github.com/facebook/react) - [Wikipedia](<https://en.wikipedia.org/wiki/React_(JavaScript_library)>)              |
+| TypeScript        | [Website](https://www.typescriptlang.org/) - [Docs](https://www.typescriptlang.org/docs/) - [GitHub](https://github.com/microsoft/TypeScript) - [Wikipedia](https://en.wikipedia.org/wiki/TypeScript)                        |
+| Emotion           | [Website](https://emotion.sh/) - [Docs](https://emotion.sh/docs/introduction) - [GitHub](https://github.com/emotion-js/emotion)                                                                                              |
+| Styled Components | [Website](https://styled-components.com/) - [Docs](https://styled-components.com/docs) - [GitHub](https://github.com/styled-components/styled-components)                                                                    |
+| Tailwind CSS      | [Website](https://tailwindcss.com/) - [Docs](https://tailwindcss.com/docs) - [GitHub](https://github.com/tailwindlabs/tailwindcss)                                                                                           |
+| Sass              | [Website](https://sass-lang.com/) - [Docs](https://sass-lang.com/documentation) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)                                          |
+| CSS Modules       | [Website](https://github.com/css-modules/css-modules) - [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
+| CSS Modules       | [Website](https://github.com/css-modules/css-modules) - [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
+| Mantine           | [Website](https://mantine.dev/) - [Docs](https://mantine.dev/pages/getting-started/) - [GitHub](https://github.com/mantinedev/mantine)                                                                                       |
+| Chakra UI         | [Website](https://chakra-ui.com/) - [Docs](https://chakra-ui.com/docs/getting-started) - [GitHub](https://github.com/chakra-ui/chakra-ui)                                                                                    |
+| Material UI       | [Website](https://material-ui.com/) - [Docs](https://material-ui.com/getting-started/installation/) - [GitHub](https://github.com/mui-org/material-ui)                                                                       |
+| Framer Motion     | [Website](https://www.framer.com/motion/) - [Docs](https://www.framer.com/docs/) - [GitHub](https://github.com/framer/motion)                                                                                                |
+| React Hook Form   | [Website](https://react-hook-form.com/) - [Docs](https://react-hook-form.com/get-started) - [GitHub](https://github.com/react-hook-form/react-hook-form)                                                                     |
+| Formik            | [Website](https://formik.org/) - [Docs](https://formik.org/docs/overview) - [GitHub](https://github.com/formium/formik)                                                                                                      |
+| React Query       | [Website](https://tanstack.com/query/latest) - [Docs](https://tanstack.com/query/latest/docs/react/overview) - [GitHub](https://github.com/tanstack/query)                                                                   |
+| React Icons       | [Website](https://react-icons.github.io/react-icons/) - [GitHub](https://github.com/react-icons/react-icons)                                                                                                                 |
+| ESLint            | [Website](https://eslint.org/) - [Configuration](https://eslint.org/docs/user-guide/configuring/) - [Rules](https://eslint.org/docs/rules/) - [GitHub](https://github.com/eslint/eslint)                                     |
+| Prettier          | [Website](https://prettier.io/) - [Docs](https://prettier.io/docs/en/index.html) - [Options](https://prettier.io/docs/en/options.html) - [GitHub](https://github.com/prettier/prettier)                                      |
+| Husky             | [Website](https://typicode.github.io/husky/) - [Docs](https://typicode.github.io/husky/) - [GitHub](https://github.com/typicode/husky)                                                                                       |
+| lint-staged       | [Website](https://github.com/okonet/lint-staged) - [GitHub](https://github.com/okonet/lint-staged)                                                                                                                           |
+| pnpm              | [Website](https://pnpm.io/) - [Docs](https://pnpm.io/motivation) - [GitHub](https://github.com/pnpm/pnpm)                                                                                                                    |
+| Yarn              | [Website](https://yarnpkg.com/) - [CLI Docs](https://yarnpkg.com/cli) - [GitHub](https://github.com/yarnpkg/berry)                                                                                                           |
+| npm               | [Website](https://www.npmjs.com/) - [CLI Docs](https://docs.npmjs.com/cli/)                                                                                                                                                  |
+| GitHub Actions    | [Website](https://github.com/features/actions) - [Docs](https://docs.github.com/en/actions) - [Workflow syntax](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions)                             |
+
+<!-- CNS-END-OF-TECHNOLOGIES-TABLE -->
 
 ## Usage
 
 Below you see an overview of Create Next Stack's usage, including detailed information about arguments and options. The overview is the result of running `create-next-stack --help`
 
+<!-- CNS-START-OF-HELP-OUTPUT -->
+
 ```
 USAGE
   $ create-next-stack [APP_NAME] [FLAGS]
 
 ARGUMENTS
-  APP_NAME  The name of your app, optionally including a path prefix. Eg.: "my-app" or "path/to/my-app"
+  APP_NAME  The name of your app, optionally including a path prefix. Eg.:
+            "my-app" or "path/to/my-app"
 
 FLAGS
   -h, --help                    Shows the CLI help information.
   -v, --version                 Shows the CLI version information.
-  --chakra                      Adds Chakra UI. (Component library) (Requires Emotion and Framer Motion)
-  --debug                       Show verbose error messages for debugging purposes.
-  --formatting-pre-commit-hook  Adds a formatting pre-commit hook. (Requires Prettier)
+  --chakra                      Adds Chakra UI. (Component library) (Requires
+                                Emotion and Framer Motion)
+  --debug                       Show verbose error messages for debugging
+                                purposes.
+  --formatting-pre-commit-hook  Adds a formatting pre-commit hook. (Requires
+                                Prettier)
   --formik                      Adds Formik. (Form library)
   --framer-motion               Adds Framer Motion. (Animation library)
-  --github-actions              Adds a GitHub Actions continuous integration workflow.
-  --material-ui                 Adds Material UI. (Component library)
-  --package-manager=<option>    Sets the preferred package manager. (Required)
+  --github-actions              Adds a GitHub Actions continuous integration
+                                workflow.
+  --mantine                     Adds Mantine. (Component library) (Requires
+                                Emotion)
+  --material-ui                 Adds Material UI. (Component library) (Requires
+                                Emotion)
+  --package-manager=<option>    (required) Sets the preferred package manager.
+                                (Required)
                                 <options: pnpm|yarn|npm>
   --prettier                    Adds Prettier. (Code formatting)
   --react-hook-form             Adds React Hook Form. (Form library)
   --react-icons                 Adds React Icons. (Icon library)
-  --styling=<styling-method>    Sets the preferred styling method. (Required) <styling-method> = emotion|styled-components|tailwind-css|css-modules|css-modules-with-sass
+  --react-query                 Adds React Query. (Server state management
+                                library)
+  --styling=<styling-method>    (required) Sets the preferred styling method.
+                                (Required) <styling-method> =
+                                emotion|styled-components|tailwind-css|css-modul
+                                es|css-modules-with-sass
 ```
 
+<!-- CNS-END-OF-HELP-OUTPUT -->
+
 ## Contributing
 
 Contributions are welcome! Please see the [contributing guidelines](CONTRIBUTING.md) for more information.
diff --git a/packages/create-next-stack/package.json b/packages/create-next-stack/package.json
index 3cbde1a..78cc4a4 100644
--- a/packages/create-next-stack/package.json
+++ b/packages/create-next-stack/package.json
@@ -1,7 +1,7 @@
 {
   "name": "create-next-stack",
   "description": "Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "author": "Anders Kjær Damgaard @akd-io",
   "bugs": "https://github.com/akd-io/create-next-stack/issues",
   "homepage": "https://github.com/akd-io/create-next-stack",
@@ -62,8 +62,9 @@
     "test:cna": "pnpm build && ts-node src/tests/e2e/test-live-cna.ts",
     "test:cns": "pnpm build && ts-node src/tests/e2e/test-live-cns.ts",
     "test:raw": "pnpm build && ./bin/dev",
-    "print:help": "pnpm build && ./bin/dev --help",
-    "print:version": "pnpm build && ./bin/dev --version",
+    "print:help": "./bin/dev --help",
+    "print:version": "./bin/dev --version",
+    "update-readme": "ts-node ./src/scripts/update-readme.ts",
     "lint": "eslint --ext=.ts --config=.eslintrc --ignore-path=../../.prettierignore ."
   },
   "dependencies": {
diff --git a/packages/create-next-stack/src/main/commands/create-next-stack.ts b/packages/create-next-stack/src/main/commands/create-next-stack.ts
index d977cb3..6476be2 100644
--- a/packages/create-next-stack/src/main/commands/create-next-stack.ts
+++ b/packages/create-next-stack/src/main/commands/create-next-stack.ts
@@ -60,9 +60,11 @@ export default class CreateNextStack extends Command {
       description:
         "Adds Chakra UI. (Component library) (Requires Emotion and Framer Motion)",
     }),
-
     "material-ui": Flags.boolean({
-      description: "Adds Material UI. (Component library)",
+      description: "Adds Material UI. (Component library) (Requires Emotion)",
+    }),
+    mantine: Flags.boolean({
+      description: "Adds Mantine. (Component library) (Requires Emotion)",
     }),
 
     // Form libraries:
@@ -92,6 +94,11 @@ export default class CreateNextStack extends Command {
     "react-icons": Flags.boolean({
       description: "Adds React Icons. (Icon library)",
     }),
+
+    // Server state management libraries
+    "react-query": Flags.boolean({
+      description: "Adds React Query. (Server state management library)",
+    }),
   }
 
   async run(): Promise<void> {
diff --git a/packages/create-next-stack/src/main/create-next-stack-types.ts b/packages/create-next-stack/src/main/create-next-stack-types.ts
index 63cbc04..92b312a 100644
--- a/packages/create-next-stack/src/main/create-next-stack-types.ts
+++ b/packages/create-next-stack/src/main/create-next-stack-types.ts
@@ -68,6 +68,11 @@ export const validateFlags = (
       "Chakra UI (category: Component library, flag: --chakra) requires Emotion (category: Styling, flag: --styling=emotion)."
     )
   }
+  if (flags.mantine && flags.styling !== "emotion") {
+    throw new Error(
+      "Mantine (category: Component library, flag: --mantine) requires Emotion (category: Styling, flag: --styling=emotion)."
+    )
+  }
   if (flags["material-ui"] && flags.styling !== "emotion") {
     throw new Error(
       "Material UI (category: Component library, flag: --material-ui) requires Emotion (category: Styling, flag: --styling=emotion)."
diff --git a/packages/create-next-stack/src/main/plugin.ts b/packages/create-next-stack/src/main/plugin.ts
index 64093ed..44dcd56 100644
--- a/packages/create-next-stack/src/main/plugin.ts
+++ b/packages/create-next-stack/src/main/plugin.ts
@@ -27,19 +27,72 @@ type PluginConfig = DeeplyReadonly<{
   compilerOptions?: NextConfig["compiler"]
   /** Slots to fill in the generated files. */
   slots?: {
-    /** Slots to fill in the _app.tsx file. */
+    /** Slots to fill in the _app.tsx file. The file is generated using the following template:
+     *
+     * ```ts
+     * `
+     * import { AppProps } from "next/app";
+     * ${imports}
+     *
+     * const App = ({ Component, pageProps }: AppProps) => {
+     *   ${logic}
+     *   return (
+     *     <>
+     *       ${componentsStart}
+     *         <Component {...pageProps} />
+     *       ${componentsEnd}
+     *     </>
+     *   )
+     * };
+     *
+     * export default App;
+     * `
+     * ```
+     */
     app?: {
       /** Code to add to the imports section of the _app.tsx file. */
       imports?: string
+      /** Code to add before the return statement of the App function in the _app.tsx file. */
+      logic?: string
       /** Code to add to the start of the components section of the _app.tsx file. */
       componentsStart?: string
       /** Code to add to the end of the components section of the _app.tsx file. */
       componentsEnd?: string
     }
-    /** Slots to fill in the _document.tsx file. */
+    /** Slots to fill in the _document.tsx file. The file is generated using the following template:
+     * ```ts
+     * `
+     * import NextDocument, { Html, Head, Main, NextScript } from "next/document";
+     * ${imports}
+     *
+     * export default class Document extends NextDocument {
+     *   render() {
+     *     return (
+     *       <Html lang="en" ${htmlAttributes}>
+     *         <Head>
+     *           ${headTags}
+     *         </Head>
+     *         <body>
+     *           ${body}
+     *           <Main />
+     *           <NextScript />
+     *         </body>
+     *       </Html>
+     *     );
+     *   }
+     * }
+     * `
+     * ```
+     */
     document?: {
       /** Code to add to the imports section of the _document.tsx file. */
       imports?: string
+      /** Code to add after the imports section of the _document.tsx file. */
+      afterImports?: string
+      /** Code to add to the class members of the Document class in _document.tsx file. */
+      classMembers?: string
+      /** Code to add before the return statement of the Document render function in _document.tsx file. */
+      renderLogic?: string
       /** Code to add to the attributes of the <Html> tag of the _document.tsx file. */
       htmlAttributes?: string
       /** Code to add to the <Head> tag of the _document.tsx file. */
diff --git a/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-app.ts b/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-app.ts
index abb965c..c5caf1c 100644
--- a/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-app.ts
+++ b/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-app.ts
@@ -4,17 +4,26 @@ import { nonNull } from "../../../../helpers/non-null"
 import { filterPlugins } from "../../../../setup/setup"
 
 export const generateApp = (inputs: ValidCNSInputs): string => {
-  const appImports = filterPlugins(inputs)
+  const imports = filterPlugins(inputs)
     .map((plugin) => {
       return plugin.slots?.app?.imports
     })
     .filter(nonNull)
+    .join("\n")
+
+  const logic = filterPlugins(inputs)
+    .map((plugin) => {
+      return plugin.slots?.app?.logic
+    })
+    .filter(nonNull)
+    .join("\n\n") // Double new line to separate plugin logic
 
   const componentsStart = filterPlugins(inputs)
     .map((plugin) => {
       return plugin.slots?.app?.componentsStart
     })
     .filter(nonNull)
+    .join("\n")
 
   const componentsEnd = filterPlugins(inputs)
     .map((plugin) => {
@@ -22,17 +31,19 @@ export const generateApp = (inputs: ValidCNSInputs): string => {
     })
     .reverse()
     .filter(nonNull)
+    .join("\n")
 
   return endent`
     import { AppProps } from "next/app";
-    ${appImports.join("\n")}
+    ${imports}
 
     const App = ({ Component, pageProps }: AppProps) => {
+      ${logic}
       return (
         <>
-          ${componentsStart.join("\n")}
+          ${componentsStart}
             <Component {...pageProps} />
-          ${componentsEnd.join("\n")}
+          ${componentsEnd}
         </>
       )
     };
diff --git a/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-document.ts b/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-document.ts
index c09b94b..531d224 100644
--- a/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-document.ts
+++ b/packages/create-next-stack/src/main/plugins/create-next-stack/add-content/pages/generate-document.ts
@@ -4,32 +4,53 @@ import { nonNull } from "../../../../helpers/non-null"
 import { filterPlugins } from "../../../../setup/setup"
 
 export const generateDocument = (inputs: ValidCNSInputs): string => {
-  const documentImports = filterPlugins(inputs)
+  const imports = filterPlugins(inputs)
     .map((plugin) => plugin.slots?.document?.imports)
     .filter(nonNull)
+    .join("\n")
+  const afterImports = filterPlugins(inputs)
+    .map((plugin) => plugin.slots?.document?.afterImports)
+    .filter(nonNull)
+    .join("\n")
+  const classMembers = filterPlugins(inputs)
+    .map((plugin) => plugin.slots?.document?.classMembers)
+    .filter(nonNull)
+    .join("\n")
+  const renderLogic = filterPlugins(inputs)
+    .map((plugin) => plugin.slots?.document?.renderLogic)
+    .filter(nonNull)
+    .join("\n")
   const htmlAttributes = filterPlugins(inputs)
     .map((plugin) => plugin.slots?.document?.htmlAttributes)
     .filter(nonNull)
+    .join(" ")
   const headTags = filterPlugins(inputs)
     .map((plugin) => plugin.slots?.document?.headTags)
     .filter(nonNull)
-  const bodyComponents = filterPlugins(inputs)
+    .join("\n")
+  const body = filterPlugins(inputs)
     .map((plugin) => plugin.slots?.document?.body)
     .filter(nonNull)
+    .join("\n")
 
   return endent`
     import NextDocument, { Html, Head, Main, NextScript } from "next/document";
-    ${documentImports.join("\n")}
+    ${imports}
+
+    ${afterImports}
 
     export default class Document extends NextDocument {
+      ${classMembers}
+
       render() {
+        ${renderLogic}
         return (
-          <Html lang="en" ${htmlAttributes.join(" ")}>
+          <Html lang="en" ${htmlAttributes}>
             <Head>
-              ${headTags.join("\n")}
+              ${headTags}
             </Head>
             <body>
-              ${bodyComponents.join("\n")}
+              ${body}
               <Main />
               <NextScript />
             </body>
diff --git a/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-readme.ts b/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-readme.ts
index b0c496f..9117d44 100644
--- a/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-readme.ts
+++ b/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-readme.ts
@@ -2,6 +2,7 @@ import endent from "endent"
 import { ValidCNSInputs } from "../../../create-next-stack-types"
 import { getProjectNameOfPath } from "../../../helpers/get-project-name-of-path"
 import { runCommandMap } from "../../../helpers/package-manager-utils"
+import { getTechnologies } from "../sort-orders/technologies"
 import { generateScriptTableRows } from "./generate-script-table-rows"
 import { generateTechnologyTableRows } from "./generate-technology-table-rows"
 
@@ -12,6 +13,8 @@ export const generateReadme = async (
 
   const runCommand = runCommandMap[flags["package-manager"]]
 
+  const technologies = getTechnologies(inputs)
+
   return endent`
     # ${getProjectNameOfPath(args.app_name)}
 
@@ -39,6 +42,6 @@ export const generateReadme = async (
 
     | Name | Links |
     | ---- | ----- |
-    ${await generateTechnologyTableRows(inputs)}
+    ${await generateTechnologyTableRows(technologies)}
   `
 }
diff --git a/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-technology-table-rows.ts b/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-technology-table-rows.ts
index cb15ff1..39cddee 100644
--- a/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-technology-table-rows.ts
+++ b/packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-technology-table-rows.ts
@@ -1,14 +1,12 @@
-import { ValidCNSInputs } from "../../../create-next-stack-types"
-import { getTechnologies } from "../sort-orders/technologies"
+import { DeeplyReadonly } from "../../../helpers/deeply-readonly"
+import { Technology } from "../../../plugin"
 
 export const generateTechnologyTableRows = async (
-  inputs: ValidCNSInputs
+  technologies: Array<Omit<DeeplyReadonly<Technology>, "id">>
 ): Promise<string> => {
-  const technologies = getTechnologies(inputs).map((technology) => ({
+  const rows = technologies.map((technology) => ({
     name: technology.name,
     links: technology.links.map((l) => `[${l.title}](${l.url})`).join(" - "),
   }))
-  return technologies
-    .map((technology) => `| ${technology.name} | ${technology.links} |`)
-    .join("\n")
+  return rows.map((row) => `| ${row.name} | ${row.links} |`).join("\n")
 }
diff --git a/packages/create-next-stack/src/main/plugins/create-next-stack/sort-orders/technologies.ts b/packages/create-next-stack/src/main/plugins/create-next-stack/sort-orders/technologies.ts
index 9cebb75..18de062 100644
--- a/packages/create-next-stack/src/main/plugins/create-next-stack/sort-orders/technologies.ts
+++ b/packages/create-next-stack/src/main/plugins/create-next-stack/sort-orders/technologies.ts
@@ -2,7 +2,7 @@ import { ValidCNSInputs } from "../../../create-next-stack-types"
 import { DeeplyReadonly } from "../../../helpers/deeply-readonly"
 import { compareByOrder } from "../../../helpers/sort-by-order"
 import { Technology } from "../../../plugin"
-import { filterPlugins } from "../../../setup/setup"
+import { filterPlugins, plugins } from "../../../setup/setup"
 
 export const technologiesSortOrder: string[] = [
   "next",
@@ -13,11 +13,14 @@ export const technologiesSortOrder: string[] = [
   "tailwindCSS",
   "sass",
   "cssModules",
+  "mantine",
   "chakraUI",
   "materialUI",
+  "framerMotion",
   "reactHookForm",
   "formik",
-  "framerMotion",
+  "reactQuery",
+  "reactIcons",
   "eslint",
   "prettier",
   "husky",
@@ -26,7 +29,6 @@ export const technologiesSortOrder: string[] = [
   "yarn",
   "npm",
   "githubActions",
-  "reactIcons",
 ]
 
 export const getTechnologies = (
@@ -39,3 +41,14 @@ export const getTechnologies = (
       ...rest,
     }))
 }
+
+export const getAllTechnologies = (): Array<
+  Omit<DeeplyReadonly<Technology>, "id">
+> => {
+  return plugins
+    .flatMap((plugin) => plugin.technologies ?? [])
+    .sort((a, b) => compareByOrder(a.id, b.id, technologiesSortOrder))
+    .map(({ id, ...rest }) => ({
+      ...rest,
+    }))
+}
diff --git a/packages/create-next-stack/src/main/plugins/mantine/mantine.ts b/packages/create-next-stack/src/main/plugins/mantine/mantine.ts
new file mode 100644
index 0000000..49659e8
--- /dev/null
+++ b/packages/create-next-stack/src/main/plugins/mantine/mantine.ts
@@ -0,0 +1,80 @@
+import endent from "endent"
+import { writeFile } from "../../helpers/io"
+import { createPlugin } from "../../plugin"
+import { mantineTheme } from "./setup/mantine-theme"
+
+export const mantinePlugin = createPlugin({
+  id: "mantine",
+  name: "Mantine",
+  description: "Adds support for Mantine",
+  active: ({ flags }) => Boolean(flags.mantine),
+  dependencies: {
+    "@mantine/core": {
+      name: "@mantine/core",
+      version: "^6.0.0",
+    },
+    "@mantine/hooks": {
+      name: "@mantine/hooks",
+      version: "^6.0.0",
+    },
+    "@mantine/next": {
+      name: "@mantine/next",
+      version: "^6.0.0",
+    },
+    "@emotion/server": {
+      name: "@emotion/server",
+      version: "^11.0.0",
+    },
+  },
+  technologies: [
+    {
+      id: "mantine",
+      name: "Mantine",
+      description:
+        "Mantine is a fully featured React component library. Aside from the core package, Mantine also provides additional packages for utility hooks, form state management, date inputs and calendars, notifications, code highlighting, right text editor, and the list goes on.",
+      links: [
+        { title: "Website", url: "https://mantine.dev/" },
+        { title: "Docs", url: "https://mantine.dev/pages/getting-started/" },
+        { title: "GitHub", url: "https://github.com/mantinedev/mantine" },
+      ],
+    },
+  ],
+  steps: {
+    setUpMantine: {
+      id: "setUpMantine",
+      description: "setting up Mantine",
+      run: async () => {
+        await writeFile("mantine-theme.ts", mantineTheme)
+      },
+    },
+  },
+  slots: {
+    app: {
+      imports: endent`
+        import { MantineProvider } from '@mantine/core';
+        import { mantineTheme } from "../mantine-theme";
+      `,
+      componentsStart: endent`
+        <MantineProvider
+          withGlobalStyles
+          withNormalizeCSS
+          theme={mantineTheme}
+        >
+      `,
+      componentsEnd: endent`
+        </MantineProvider>
+      `,
+    },
+    document: {
+      imports: endent`
+        import { createGetInitialProps } from '@mantine/next';
+      `,
+      afterImports: endent`
+        const getInitialProps = createGetInitialProps();
+      `,
+      classMembers: endent`
+        static getInitialProps = getInitialProps;
+      `,
+    },
+  },
+} as const)
diff --git a/packages/create-next-stack/src/main/plugins/mantine/setup/mantine-theme.ts b/packages/create-next-stack/src/main/plugins/mantine/setup/mantine-theme.ts
new file mode 100644
index 0000000..71aac98
--- /dev/null
+++ b/packages/create-next-stack/src/main/plugins/mantine/setup/mantine-theme.ts
@@ -0,0 +1,9 @@
+import endent from "endent"
+
+export const mantineTheme = endent`
+  import { MantineThemeOverride } from "@mantine/core";
+
+  export const mantineTheme: MantineThemeOverride = {
+    colorScheme: "light",
+  };
+`
diff --git a/packages/create-next-stack/src/main/plugins/next.ts b/packages/create-next-stack/src/main/plugins/next.ts
index 657d95d..bd42251 100644
--- a/packages/create-next-stack/src/main/plugins/next.ts
+++ b/packages/create-next-stack/src/main/plugins/next.ts
@@ -5,7 +5,7 @@ import { makeDirectory, writeFile } from "../helpers/io"
 import { remove } from "../helpers/remove"
 import { runCommand } from "../helpers/run-command"
 import { logDebug } from "../logging"
-import { Package, createPlugin } from "../plugin"
+import { createPlugin, Package } from "../plugin"
 import { getNameVersionCombo } from "../setup/packages"
 import { generateNextConfig } from "./create-next-stack/add-next-config/generate-next-config"
 
diff --git a/packages/create-next-stack/src/main/plugins/react-query.ts b/packages/create-next-stack/src/main/plugins/react-query.ts
new file mode 100644
index 0000000..fcb9c33
--- /dev/null
+++ b/packages/create-next-stack/src/main/plugins/react-query.ts
@@ -0,0 +1,57 @@
+import endent from "endent"
+import { createPlugin } from "../plugin"
+
+export const reactQueryPlugin = createPlugin({
+  id: "react-query",
+  name: "React Query",
+  description: "Adds support for React Query",
+  active: ({ flags }) => Boolean(flags["react-query"]),
+  devDependencies: {
+    "@tanstack/react-query": {
+      name: "@tanstack/react-query",
+      version: "^4.0.0",
+    },
+    "@tanstack/react-query-devtools": {
+      name: "@tanstack/react-query-devtools",
+      version: "^4.0.0",
+    },
+  },
+  technologies: [
+    {
+      id: "reactQuery",
+      name: "React Query",
+      description:
+        "React Query, aka. TanStack Query, is a data fetching library that provides hooks for fetching, caching, and updating, remote data. It has a declarative API that makes working with asynchronous data much easier than with previous solutions.",
+      links: [
+        { title: "Website", url: "https://tanstack.com/query/latest" },
+        {
+          title: "Docs",
+          url: "https://tanstack.com/query/latest/docs/react/overview",
+        },
+        { title: "GitHub", url: "https://github.com/tanstack/query" },
+      ],
+    },
+  ],
+  slots: {
+    app: {
+      imports: endent`
+        import React from "react";
+        import {
+          QueryClient,
+          QueryClientProvider,
+        } from "@tanstack/react-query";
+        import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+      `,
+      logic: endent`
+        const [queryClient] = React.useState(() => new QueryClient());
+      `,
+      componentsStart: endent`
+        <QueryClientProvider client={queryClient}>
+          <ReactQueryDevtools />
+      `,
+      componentsEnd: endent`
+        </QueryClientProvider>
+      `,
+    },
+  },
+} as const)
diff --git a/packages/create-next-stack/src/main/setup/plugins.test.ts b/packages/create-next-stack/src/main/setup/plugins.test.ts
index e7e7320..b7133e0 100644
--- a/packages/create-next-stack/src/main/setup/plugins.test.ts
+++ b/packages/create-next-stack/src/main/setup/plugins.test.ts
@@ -4,11 +4,10 @@ import { plugins } from "./setup"
 test("`plugins` contains no duplicates", () => {
   const seenPluginIDs = new Set<string>()
   for (const plugin of plugins) {
-    if (seenPluginIDs.has(plugin.id)) {
-      throw new Error(
-        `Duplicate plugin with ID "${plugin.id}" found in setup.ts`
-      )
+    const { id } = plugin
+    if (seenPluginIDs.has(id)) {
+      throw new Error(`Duplicate plugin with ID "${id}" found in setup.ts`)
     }
-    seenPluginIDs.add(plugin.id)
+    seenPluginIDs.add(id)
   }
 })
diff --git a/packages/create-next-stack/src/main/setup/setup.ts b/packages/create-next-stack/src/main/setup/setup.ts
index e13a5d2..fc68433 100644
--- a/packages/create-next-stack/src/main/setup/setup.ts
+++ b/packages/create-next-stack/src/main/setup/setup.ts
@@ -5,7 +5,7 @@ import { getDiffString } from "../helpers/diff-string"
 import { inDebugMode } from "../helpers/in-debug-mode"
 import { time } from "../helpers/time"
 import { logDebug, logInfo } from "../logging"
-import { Plugin, evalActive, evalShouldRun } from "../plugin"
+import { evalActive, evalShouldRun, Plugin } from "../plugin"
 import { chakraUIPlugin } from "../plugins/chakra-ui/chakra-ui"
 import { createNextStackPlugin } from "../plugins/create-next-stack/create-next-stack"
 import { cssModulesPlugin } from "../plugins/css-modules/css-modules"
@@ -15,6 +15,7 @@ import { formattingPreCommitHookPlugin } from "../plugins/formatting-pre-commit-
 import { formikPlugin } from "../plugins/formik"
 import { framerMotionPlugin } from "../plugins/framer-motion"
 import { githubActionsPlugin } from "../plugins/github-actions"
+import { mantinePlugin } from "../plugins/mantine/mantine"
 import { materialUIPlugin } from "../plugins/material-ui/material-ui"
 import { nextPlugin } from "../plugins/next"
 import { npmPlugin } from "../plugins/npm"
@@ -23,6 +24,7 @@ import { prettierPlugin } from "../plugins/prettier"
 import { reactPlugin } from "../plugins/react"
 import { reactHookFormPlugin } from "../plugins/react-hook-form"
 import { reactIconsPlugin } from "../plugins/react-icons"
+import { reactQueryPlugin } from "../plugins/react-query"
 import { sassPlugin } from "../plugins/sass/sass"
 import { styledComponentsPlugin } from "../plugins/styled-components"
 import { tailwindCSSPlugin } from "../plugins/tailwind-css"
@@ -41,6 +43,7 @@ export const plugins: Plugin[] = [
   tailwindCSSPlugin,
   cssModulesPlugin,
   sassPlugin,
+  mantinePlugin,
   chakraUIPlugin,
   materialUIPlugin,
   reactHookFormPlugin,
@@ -54,6 +57,7 @@ export const plugins: Plugin[] = [
   npmPlugin,
   githubActionsPlugin,
   reactIconsPlugin,
+  reactQueryPlugin,
 ]
 
 export const filterPlugins = (inputs: ValidCNSInputs): Plugin[] =>
diff --git a/packages/create-next-stack/src/main/steps.test.ts b/packages/create-next-stack/src/main/steps.test.ts
new file mode 100644
index 0000000..f15f7b4
--- /dev/null
+++ b/packages/create-next-stack/src/main/steps.test.ts
@@ -0,0 +1,28 @@
+import { test } from "@jest/globals"
+import { plugins } from "./setup/setup"
+import { steps } from "./steps"
+
+test("`steps` contains no duplicates", () => {
+  const seenSteps = new Set<string>()
+  for (const step of steps) {
+    const { id } = step
+    if (seenSteps.has(id)) {
+      throw new Error(`Duplicate step with ID "${id}" found in steps.ts`)
+    }
+    seenSteps.add(id)
+  }
+})
+
+test("`steps` includes all plugins' steps", () => {
+  const requiredStepIDs = plugins.flatMap((plugin) =>
+    plugin.steps //
+      ? Object.values(plugin.steps).map((step) => step.id)
+      : []
+  )
+  const actualStepIDs = new Set(steps.map((step) => step.id))
+  for (const requiredStepID of requiredStepIDs) {
+    if (!actualStepIDs.has(requiredStepID)) {
+      throw new Error(`Missing step with ID "${requiredStepID}" in steps.ts`)
+    }
+  }
+})
diff --git a/packages/create-next-stack/src/main/steps.ts b/packages/create-next-stack/src/main/steps.ts
index 39b7680..5223092 100644
--- a/packages/create-next-stack/src/main/steps.ts
+++ b/packages/create-next-stack/src/main/steps.ts
@@ -5,6 +5,7 @@ import { cssModulesPlugin } from "./plugins/css-modules/css-modules"
 import { emotionPlugin } from "./plugins/emotion"
 import { formattingPreCommitHookPlugin } from "./plugins/formatting-pre-commit-hook"
 import { githubActionsPlugin } from "./plugins/github-actions"
+import { mantinePlugin } from "./plugins/mantine/mantine"
 import { materialUIPlugin } from "./plugins/material-ui/material-ui"
 import { nextPlugin } from "./plugins/next"
 import { pnpmPlugin } from "./plugins/pnpm"
@@ -49,6 +50,7 @@ export const steps: Step[] = [
   createNextStackPlugin.steps.addReadme,
 
   // Component libraries
+  mantinePlugin.steps.setUpMantine,
   chakraUIPlugin.steps.setUpChakraUI,
   materialUIPlugin.steps.setUpMaterialUI,
 
diff --git a/packages/create-next-stack/src/scripts/update-readme.ts b/packages/create-next-stack/src/scripts/update-readme.ts
new file mode 100644
index 0000000..419af27
--- /dev/null
+++ b/packages/create-next-stack/src/scripts/update-readme.ts
@@ -0,0 +1,63 @@
+import endent from "endent"
+import execa from "execa"
+import { promises as fs } from "fs"
+import { join, resolve } from "path"
+import { generateTechnologyTableRows } from "../main/plugins/create-next-stack/add-readme/generate-technology-table-rows"
+import { getAllTechnologies } from "../main/plugins/create-next-stack/sort-orders/technologies"
+
+const startOfTechnologiesTableString =
+  "<!-- CNS-START-OF-TECHNOLOGIES-TABLE -->"
+const endOfTechnologiesTableString = "<!-- CNS-END-OF-TECHNOLOGIES-TABLE -->"
+const startOfHelpOutputString = "<!-- CNS-START-OF-HELP-OUTPUT -->"
+const endOfHelpOutputString = "<!-- CNS-END-OF-HELP-OUTPUT -->"
+
+;(async () => {
+  const readmePath = resolve(join(__dirname, "..", "..", "README.md"))
+  console.log(`README.md found at ${readmePath}`)
+
+  console.log(`Reading README.md...`)
+  const readme = await fs.readFile(readmePath, "utf-8")
+
+  console.log(`Generating new README.md...`)
+  const { stdout: helpOutput } = await execa("pnpm", [
+    "--silent",
+    "run",
+    "print:help",
+  ])
+  const technologyTableRows = await generateTechnologyTableRows(
+    getAllTechnologies()
+  )
+
+  const updatedReadme = readme
+    .replace(
+      new RegExp(
+        `${startOfTechnologiesTableString}[\\s\\S]*${endOfTechnologiesTableString}`
+      ),
+      endent`
+        ${startOfTechnologiesTableString}
+
+        | Name | Links |
+        | ---- | ----- |
+        ${technologyTableRows}
+
+        ${endOfTechnologiesTableString}
+      `
+    )
+    .replace(
+      new RegExp(`${startOfHelpOutputString}[\\s\\S]*${endOfHelpOutputString}`),
+      endent`
+        ${startOfHelpOutputString}
+
+        \`\`\`
+        ${helpOutput.trim()}
+        \`\`\`
+
+        ${endOfHelpOutputString}
+      `
+    )
+
+  console.log(`Writing README.md...`)
+  await fs.writeFile(readmePath, updatedReadme)
+  console.log(`Staging README.md...`)
+  await execa("git", ["add", readmePath])
+})()
diff --git a/packages/create-next-stack/src/tests/e2e/test.ts b/packages/create-next-stack/src/tests/e2e/test.ts
index 5d78eb7..b77b119 100644
--- a/packages/create-next-stack/src/tests/e2e/test.ts
+++ b/packages/create-next-stack/src/tests/e2e/test.ts
@@ -17,6 +17,7 @@ import { testInvalidInputs } from "./tests/test-invalid-inputs"
 import { testNoAppName } from "./tests/test-no-app-name"
 import { testNoFlags } from "./tests/test-no-flags"
 import { testNpm } from "./tests/test-npm"
+import { testPnpm } from "./tests/test-pnpm"
 import { testVersionFlag } from "./tests/test-version-flag"
 import { testYarn } from "./tests/test-yarn"
 ;(async () => {
@@ -42,7 +43,7 @@ import { testYarn } from "./tests/test-yarn"
     await testNoAppName(createNextStackDir)
 
     // Package manager tests
-    // pnpm is used in all other tests, so not tested here.
+    await testPnpm(createNextStackDir)
     await testNpm(createNextStackDir)
     await testYarn(createNextStackDir)
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/css-modules-with-sass/css-modules-with-sass-all-flags.ts b/packages/create-next-stack/src/tests/e2e/tests/css-modules-with-sass/css-modules-with-sass-all-flags.ts
index f4252c3..5157ebd 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/css-modules-with-sass/css-modules-with-sass-all-flags.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/css-modules-with-sass/css-modules-with-sass-all-flags.ts
@@ -21,6 +21,7 @@ export const testCssModulesWithSassAllFlags = async (
     "--framer-motion",
     "--formatting-pre-commit-hook",
     "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/css-modules/css-modules-all-flags.ts b/packages/create-next-stack/src/tests/e2e/tests/css-modules/css-modules-all-flags.ts
index a124714..b76f460 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/css-modules/css-modules-all-flags.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/css-modules/css-modules-all-flags.ts
@@ -21,6 +21,7 @@ export const testCssModulesAllFlags = async (
     "--framer-motion",
     "--formatting-pre-commit-hook",
     "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/emotion/emotion-all-flags.ts b/packages/create-next-stack/src/tests/e2e/tests/emotion/emotion-all-flags.ts
index b8506c1..835c7da 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/emotion/emotion-all-flags.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/emotion/emotion-all-flags.ts
@@ -14,15 +14,17 @@ export const testEmotionAllFlags = async (
   const args = [
     "--debug",
     "--package-manager=pnpm",
-    "--prettier",
     "--styling=emotion",
+    "--mantine",
+    "--chakra",
     "--material-ui",
     "--react-hook-form",
     "--formik",
     "--framer-motion",
+    "--prettier",
     "--formatting-pre-commit-hook",
-    "--chakra",
     "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/styled-components/styled-components-all-flags.ts b/packages/create-next-stack/src/tests/e2e/tests/styled-components/styled-components-all-flags.ts
index aacd9e5..3c0825c 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/styled-components/styled-components-all-flags.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/styled-components/styled-components-all-flags.ts
@@ -21,6 +21,7 @@ export const testStyledComponentsAllFlags = async (
     "--framer-motion",
     "--formatting-pre-commit-hook",
     "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/tailwind-css/tailwind-css-all-flags.ts b/packages/create-next-stack/src/tests/e2e/tests/tailwind-css/tailwind-css-all-flags.ts
index b3bbc72..9b270dd 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/tailwind-css/tailwind-css-all-flags.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/tailwind-css/tailwind-css-all-flags.ts
@@ -21,6 +21,7 @@ export const testTailwindCssAllFlags = async (
     "--framer-motion",
     "--formatting-pre-commit-hook",
     "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/test-invalid-inputs.ts b/packages/create-next-stack/src/tests/e2e/tests/test-invalid-inputs.ts
index fc6b7d9..5d858fc 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/test-invalid-inputs.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/test-invalid-inputs.ts
@@ -18,11 +18,16 @@ export const testInvalidInputs = async (
     ],
     noStyling: ["--package-manager=npm"],
     noPackageManager: ["--styling=css-modules"],
-    preCommitHookRequiresPrettier: [
+    preCommitHookWithoutPrettier: [
       "--package-manager=pnpm",
       "--styling=css-modules",
       "--formatting-pre-commit-hook",
     ],
+    mantineWithoutEmotion: [
+      "--package-manager=pnpm",
+      "--styling=css-modules",
+      "--mantine",
+    ],
     chakraWithoutEmotion: [
       "--package-manager=pnpm",
       "--styling=css-modules",
diff --git a/packages/create-next-stack/src/tests/e2e/tests/test-npm.ts b/packages/create-next-stack/src/tests/e2e/tests/test-npm.ts
index 726bd9c..6817349 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/test-npm.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/test-npm.ts
@@ -13,14 +13,17 @@ export const testNpm = async (createNextStackDir: string): Promise<void> => {
   const args = [
     "--debug",
     "--package-manager=npm",
-    "--prettier",
     "--styling=emotion",
+    "--mantine",
+    "--chakra",
     "--material-ui",
     "--react-hook-form",
     "--formik",
     "--framer-motion",
+    "--prettier",
     "--formatting-pre-commit-hook",
-    "--chakra",
+    "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/test-pnpm.ts b/packages/create-next-stack/src/tests/e2e/tests/test-pnpm.ts
index 628e2e1..99d775a 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/test-pnpm.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/test-pnpm.ts
@@ -13,14 +13,17 @@ export const testPnpm = async (createNextStackDir: string): Promise<void> => {
   const args = [
     "--debug",
     "--package-manager=pnpm",
-    "--prettier",
     "--styling=emotion",
+    "--mantine",
+    "--chakra",
     "--material-ui",
     "--react-hook-form",
     "--formik",
     "--framer-motion",
+    "--prettier",
     "--formatting-pre-commit-hook",
-    "--chakra",
+    "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/packages/create-next-stack/src/tests/e2e/tests/test-yarn.ts b/packages/create-next-stack/src/tests/e2e/tests/test-yarn.ts
index 127c612..7340bed 100644
--- a/packages/create-next-stack/src/tests/e2e/tests/test-yarn.ts
+++ b/packages/create-next-stack/src/tests/e2e/tests/test-yarn.ts
@@ -13,14 +13,17 @@ export const testYarn = async (createNextStackDir: string): Promise<void> => {
   const args = [
     "--debug",
     "--package-manager=yarn",
-    "--prettier",
     "--styling=emotion",
+    "--mantine",
+    "--chakra",
     "--material-ui",
     "--react-hook-form",
     "--formik",
     "--framer-motion",
+    "--prettier",
     "--formatting-pre-commit-hook",
-    "--chakra",
+    "--react-icons",
+    "--react-query",
     ".",
   ]
 
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
index 2725ae0..3be7d08 100644
--- a/website/pages/_app.tsx
+++ b/website/pages/_app.tsx
@@ -1,11 +1,17 @@
 import { ChakraProvider } from "@chakra-ui/react"
 import { AppProps } from "next/app"
+import Script from "next/script"
 import { theme } from "../theme"
 
 const CustomApp = ({ Component, pageProps }: AppProps) => {
   return (
     <ChakraProvider theme={theme}>
       <Component {...pageProps} />
+      <Script
+        data-domain="create-next-stack.com"
+        src="https://plausible.io/js/script.js"
+        strategy="afterInteractive"
+      />
     </ChakraProvider>
   )
 }
diff --git a/website/templates/LandingPage/components/TechnologiesForm.tsx b/website/templates/LandingPage/components/TechnologiesForm.tsx
index ca3cfb4..b28e12e 100644
--- a/website/templates/LandingPage/components/TechnologiesForm.tsx
+++ b/website/templates/LandingPage/components/TechnologiesForm.tsx
@@ -36,12 +36,14 @@ type OptionKey =
   | "reactHookForm"
   | "formik"
   | "prettier"
+  | "mantine"
   | "chakra"
   | "materialUi"
   | "reactIcons"
   | "framerMotion"
   | "githubActions"
   | "formattingPreCommitHook"
+  | "reactQuery"
 
 const options = {
   pnpm: { key: "pnpm", value: "pnpm", label: "pnpm" },
@@ -80,6 +82,7 @@ const options = {
   },
   formik: { key: "formik", value: "formik", label: "Formik" },
   prettier: { key: "prettier", value: "prettier", label: "Prettier" },
+  mantine: { key: "mantine", value: "mantine", label: "Mantine" },
   chakra: { key: "chakra", value: "chakra", label: "Chakra UI" },
   materialUi: { key: "materialUi", value: "material-ui", label: "Material UI" },
   reactIcons: { key: "reactIcons", value: "react-icons", label: "React Icons" },
@@ -98,6 +101,11 @@ const options = {
     value: "formatting-pre-commit-hook",
     label: "Formatting Pre-Commit Hook",
   },
+  reactQuery: {
+    key: "reactQuery",
+    value: "react-query",
+    label: "React Query",
+  },
 } satisfies {
   [Key in OptionKey]: {
     key: Key
@@ -130,6 +138,7 @@ const formattingOptionKeys = [
   optionKeys.formattingPreCommitHook,
 ] satisfies OptionKey[]
 const componentLibraryOptionKeys = [
+  optionKeys.mantine,
   optionKeys.chakra,
   optionKeys.materialUi,
 ] satisfies OptionKey[]
@@ -138,6 +147,9 @@ const animationOptionKeys = [optionKeys.framerMotion] satisfies OptionKey[]
 const continuousIntegrationOptionKeys = [
   optionKeys.githubActions,
 ] satisfies OptionKey[]
+const serverStateManagementLibraryOptionKeys = [
+  optionKeys.reactQuery,
+] satisfies OptionKey[]
 
 type ProjectName = string
 type PackageManager = (typeof packageManagerOptionKeys)[number]
@@ -148,6 +160,8 @@ type ComponentLibrary = (typeof componentLibraryOptionKeys)[number]
 type IconLibrary = (typeof iconLibraryOptionKeys)[number]
 type Animation = (typeof animationOptionKeys)[number]
 type ContinuousIntegration = (typeof continuousIntegrationOptionKeys)[number]
+type ServerStateManagementLibrary =
+  (typeof serverStateManagementLibraryOptionKeys)[number]
 type TechnologiesFormData = {
   projectName: ProjectName
   packageManager: PackageManager
@@ -158,6 +172,7 @@ type TechnologiesFormData = {
   iconLibraries: IconLibrary[]
   animation: Animation[]
   continuousIntegration: ContinuousIntegration[]
+  serverStateManagementLibraries: ServerStateManagementLibrary[]
 }
 const defaultFormData: TechnologiesFormData = {
   projectName: "my-app",
@@ -165,10 +180,11 @@ const defaultFormData: TechnologiesFormData = {
   styling: optionKeys.emotion,
   formStateManagement: [optionKeys.reactHookForm],
   formatting: [optionKeys.prettier, optionKeys.formattingPreCommitHook],
-  componentLibraries: [optionKeys.chakra],
+  componentLibraries: [optionKeys.mantine],
   iconLibraries: [],
   animation: [optionKeys.framerMotion],
   continuousIntegration: [optionKeys.githubActions],
+  serverStateManagementLibraries: [optionKeys.reactQuery],
 }
 const formDataKeys = objectToKeyToKeyMap(defaultFormData)
 
@@ -184,6 +200,7 @@ const categoryLabels = {
   iconLibraries: "Icon Libraries",
   animation: "Animation",
   continuousIntegration: "Continuous Integration",
+  serverStateManagementLibraries: "Server State Management",
 } as const
 
 export const TechnologiesForm: React.FC = () => {
@@ -203,7 +220,7 @@ export const TechnologiesForm: React.FC = () => {
     formData
   ) => {
     const calculateCommand = (formData: TechnologiesFormData) => {
-      const args = ["npx", "create-next-stack@0.2.5"]
+      const args = ["npx", "create-next-stack@0.2.6"]
 
       args.push(`--package-manager=${options[formData.packageManager].value}`)
       args.push(`--styling=${options[formData.styling].value}`)
@@ -219,6 +236,7 @@ export const TechnologiesForm: React.FC = () => {
       pushArgs(formData.iconLibraries)
       pushArgs(formData.animation)
       pushArgs(formData.continuousIntegration)
+      pushArgs(formData.serverStateManagementLibraries)
 
       const projectNameSegments = formData.projectName.split("/")
       const lastPartOfProjectName = projectNameSegments.pop()!
@@ -238,7 +256,8 @@ export const TechnologiesForm: React.FC = () => {
       | "componentLibraries"
       | "iconLibraries"
       | "animation"
-      | "continuousIntegration",
+      | "continuousIntegration"
+      | "serverStateManagementLibraries",
     optionKeys: Array<keyof typeof options>,
     validators?: {
       [key in keyof typeof options]?: Array<{
@@ -380,6 +399,16 @@ export const TechnologiesForm: React.FC = () => {
                   formStateManagementOptionKeys
                 )}
               </Flex>
+
+              <Flex direction="column" gap="4">
+                <Heading as="h3" size="md">
+                  {categoryLabels.serverStateManagementLibraries}
+                </Heading>
+                {CheckboxesOfOptionKeys(
+                  formDataKeys.serverStateManagementLibraries,
+                  serverStateManagementLibraryOptionKeys
+                )}
+              </Flex>
             </Flex>
 
             <Flex direction="column" gap="8" flexBasis="100%">
@@ -444,6 +473,15 @@ export const TechnologiesForm: React.FC = () => {
                   formDataKeys.componentLibraries,
                   componentLibraryOptionKeys,
                   {
+                    [optionKeys.mantine]: [
+                      {
+                        isInvalid:
+                          formValues.componentLibraries.includes(
+                            optionKeys.mantine
+                          ) && !formValues.styling.includes(optionKeys.emotion),
+                        errorMessage: "Mantine requires Emotion",
+                      },
+                    ],
                     [optionKeys.chakra]: [
                       {
                         isInvalid: