▲ next 13 (#26)

* update license year.

* ignore mac files.

* use legacy peer deps.

* bump version.

* minor updates.

* major updates.

* major updates.

* updates.

* remove react-hooks library.

* add types back to index page.

* remove ts build info.

* remove vercel script.

---------

Co-authored-by: Brad Garropy <bgarropy@atlassian.com>

Author: bradgarropy

.github/workflows/test.yml

@@ -20,6 +20,8 @@ jobs:
                   registry-url: https://registry.npmjs.org/
             - name: "📦 install"
               run: npm ci
+            - name: "🟦 types"
+              run: npm run typecheck
             - name: "🧪 test"
               run: npm run test
             - name: "☂️ coverage"

.gitignore

@@ -15,3 +15,6 @@ coverage
 
 # secrets
 .env*
+
+# os
+.DS_Store

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

jest.config.js

@@ -18,7 +18,7 @@ const config = {
             },
         ],
     },
-    transformIgnorePatterns: [],
+    transformIgnorePatterns: ["node_modules"],
 }
 
 module.exports = config

license

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Brad Garropy
+Copyright (c) 2023 Brad Garropy
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "next-starter",
-    "version": "2.10.1",
+    "version": "3.0.0",
     "description": "⏭ next.js starter",
     "keywords": [
         "typescript",
@@ -30,24 +30,24 @@
     "scripts": {
         "start": "next",
         "build": "next build",
-        "vercel": "npm run test && npm run build",
         "lint": "eslint .",
         "lint:fix": "eslint . --fix",
         "format": "prettier --check .",
         "format:fix": "prettier --write .",
+        "typecheck": "tsc",
         "test": "jest --passWithNoTests",
         "test:watch": "npm run test -- --watch",
         "contributors": "all-contributors generate",
         "new": "plop"
     },
     "dependencies": {
         "@bradgarropy/next-google-analytics": "^1.0.2",
-        "@bradgarropy/next-link": "^1.0.2",
+        "@bradgarropy/next-link": "^1.1.0",
         "@bradgarropy/next-seo": "^1.1.0",
-        "@heroicons/react": "^1.0.6",
+        "@heroicons/react": "^2.0.16",
         "classnames": "^2.3.1",
-        "next": "^12.0.4",
-        "react-dom": "^17.0.1"
+        "next": "^13.2.2",
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
         "@bradgarropy/eslint-config": "^1.1.0",
@@ -57,27 +57,27 @@
         "@bradgarropy/plop-generator-react-context": "^1.0.0",
         "@bradgarropy/plop-generator-react-hook": "^1.0.0",
         "@testing-library/jest-dom": "^5.11.6",
-        "@testing-library/react": "^12.0.0",
-        "@testing-library/react-hooks": "^7.0.1",
-        "@testing-library/user-event": "^13.2.1",
-        "@types/jest": "^27.0.1",
-        "@types/react": "^17.0.19",
+        "@testing-library/react": "^14.0.0",
+        "@testing-library/user-event": "^14.4.3",
+        "@types/jest": "^29.4.0",
+        "@types/react": "^18.0.28",
         "@typescript-eslint/eslint-plugin": "^5.4.0",
         "@typescript-eslint/parser": "^5.4.0",
         "all-contributors-cli": "^6.20.0",
         "babel-eslint": "^10.1.0",
         "eslint": "^8.2.0",
-        "eslint-config-next": "^12.0.4",
+        "eslint-config-next": "^13.2.2",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-jsx-a11y": "^6.4.1",
         "eslint-plugin-react": "^7.21.5",
         "eslint-plugin-react-hooks": "^4.2.0",
-        "eslint-plugin-simple-import-sort": "^7.0.0",
+        "eslint-plugin-simple-import-sort": "^10.0.0",
         "identity-obj-proxy": "^3.0.0",
-        "jest": "^27.0.6",
+        "jest": "^29.4.3",
+        "jest-environment-jsdom": "^29.4.3",
         "plop": "^2.7.4",
         "prettier": "^2.3.2",
-        "react": "^17.0.1",
+        "react": "^18.2.0",
         "regenerator-runtime": "^0.13.9",
         "typescript": "^4.3.5"
     }

package.json

@@ -1,10 +1,14 @@
 import Footer from "components/Footer"
 import Header from "components/Header"
-import {FC} from "react"
+import {FC, ReactNode} from "react"
 
 import styles from "./Layout.module.css"
 
-const Layout: FC = ({children}) => {
+type LayoutProps = {
+    children: ReactNode
+}
+
+const Layout: FC<LayoutProps> = ({children}) => {
     return (
         <div className={styles.layout}>
             <Header />