DeveloperAspire · kaf-lamed-beyt · Feb 16, 2023 · Feb 17, 2023 · Feb 18, 2023 · Feb 18, 2023
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
@@ -3,6 +3,7 @@
 > With one command, setup your Frontend project with additional configuration out of the box.
 
 # What does this do?
+
 See this as create-react-app with extra, I know you are tired from having to setup prettier, Eslint e.t.c all the time, or you are tired of doing the same thing all over and over again, I created this to help, personally as a side project to help myself, but then you might need it.
 
 > **Compatibility Note:**
@@ -36,12 +37,12 @@ Then follow the prompts to setup the project!
 - `vanilla-ts`
 - `react`
 - `react-ts`
+- `next`
 
 This will be updated with more templates.
 
 You can use `.` for the project name to scaffold in the current directory.
 
-
 ## What more can you do?
 
 If you love this project and the setup, it will be okay to give this project a star on [Github](https://github.com/DeveloperAspire/swifty-config). and share with friends as this will help make the project more avaliable and popular and yeah, helps boost my little ego 🧑‍💻
@@ -60,7 +61,6 @@ Created by [Franklin Okolie](https://github.com/DeveloperAspire)
 
 MIT (c) [Franklin Okolie](https://github.com/DeveloperAspire).
 
-
 <!-- <p align="center">
   <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vite.svg" alt="npm package"></a>
   <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>

diff --git a/index.js b/index.js
@@ -12,6 +12,7 @@ import {
   green,
   lightRed,
   magenta,
+  gray,
   red,
   reset,
   yellow,
@@ -56,6 +57,22 @@ const FRAMEWORKS = [
       },
     ],
   },
+  {
+    name: "next",
+    color: gray,
+    variants: [
+      {
+        name: "next",
+        display: "JavaScript",
+        color: yellow,
+      },
+      {
+        name: "next-ts",
+        display: "TypeScript",
+        color: blue,
+      },
+    ],
+  },
 ];
 
 const TEMPLATES = FRAMEWORKS.map(

diff --git a/package.json b/package.json
@@ -29,4 +29,4 @@
     "minimist": "^1.2.6",
     "prompts": "^2.4.2"
   }
-}
+}
diff --git a/template-next-ts/.gitignore b/template-next-ts/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.next
diff --git a/template-next-ts/README.md b/template-next-ts/README.md
@@ -0,0 +1,22 @@
+# template-next-ts
+
+This is the Next.js TypeScript template of the Swifty Config.
+
+There are two variations, the JavaScript variant &mdash; which gets listed as `next`, when you run the swifty-config command &mdash; and the TypeScript variant, which is listed as `next-ts`
+
+## Usage
+
+To use this template, follow the instructions in the terminal when you type any of the commands below
+
+```bash
+npx create-swifty-config
+
+npm create-swifty-config
+
+yarn create swifty-config
+
+```
+
+Proceed by selecting your preferred variant. For extra spices, you can decide to add a Next.js config file, `next-config.js`, to customize the template as you wish.
+
+And as usual, start by editing `pages/index.js` to see the changes
diff --git a/template-next-ts/next-env.d.ts b/template-next-ts/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
-Original file line number
+Diff line change
@@ Expand Up / @@ -29,4 +29,4 @@ @@
         "minimist": "^1.2.6",
         "prompts": "^2.4.2"
       }
-    }
+    }