Update to Next.js App Router

Author: ChangoMan

Diff for: .babelrc

@@ -1,47 +1,3 @@
 {
-  "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/recommended"
-    // Uncomment the following lines to enable eslint-config-prettier
-    // Is not enabled right now to avoid issues with the Next.js repo
-    // "prettier",
-  ],
-  "env": {
-    "es6": true,
-    "browser": true,
-    "jest": true,
-    "node": true
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  },
-  "rules": {
-    "react/react-in-jsx-scope": 0,
-    "react/display-name": 0,
-    "react/prop-types": 0,
-    "@typescript-eslint/explicit-function-return-type": 0,
-    "@typescript-eslint/explicit-member-accessibility": 0,
-    "@typescript-eslint/indent": 0,
-    "@typescript-eslint/member-delimiter-style": 0,
-    "@typescript-eslint/no-explicit-any": 0,
-    "@typescript-eslint/no-var-requires": 0,
-    "@typescript-eslint/no-use-before-define": 0,
-    "@typescript-eslint/no-unused-vars": [
-      2,
-      {
-        "argsIgnorePattern": "^_"
-      }
-    ],
-    "no-console": [
-      2,
-      {
-        "allow": ["warn", "error"]
-      }
-    ]
-  }
+  "extends": "next/core-web-vitals"
 }

Diff for: .eslintignore

@@ -25,10 +25,14 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
 
 # vercel
 .vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# contentlayer
+.contentlayer

Diff for: .eslintrc.json

@@ -2,15 +2,12 @@
 
 A Next.js starter for your next blog or personal site. Built with:
 
-- [Typescript](https://www.typescriptlang.org/)
+- Next.js App Router
+- Content processing with [Contentlayer](https://www.contentlayer.dev/)
 - Write posts with [MDX](https://mdxjs.com/)
 - Style with [Tailwind CSS](https://tailwindcss.com/)
-- Linting with [ESLint](https://eslint.org/)
-- Formatting with [Prettier](https://prettier.io/)
-- Linting, typechecking and formatting on by default using [`husky`](https://github.com/typicode/husky) for commit hooks
-- Testing with [Jest](https://jestjs.io/) and [`react-testing-library`](https://testing-library.com/docs/react-testing-library/intro)
 
-This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob/leerob.io) and [Anson Lichtfuss](https://github.com/ansonlichtfuss/website).
+This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob/leerob.io).
 
 👀 [View the Live Demo](https://nextjs-typescript-mdx-blog.vercel.app/)
 
@@ -20,13 +17,15 @@ This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob
 git clone https://github.com/ChangoMan/nextjs-typescript-mdx-blog.git
 cd nextjs-typescript-mdx-blog
 
-yarn install
-# or
 npm install
 
-yarn dev
-# or
 npm run dev
 ```
 
 Your new site will be up at http://localhost:3000/
+
+Blog posts can be added to the `posts` directory, in the root folder.
+
+Update the `WEBSITE_HOST_URL` when taking your site live. This lives in `/src/lib/constants.ts`
+
+Make sure to update the `sitemap.ts` file, specifically the `const routes` if you add more pages to the website.