Chore: Basic CICD (#24)

* Add basic CICD

* Split lint fix from regular linting

* Fix linting errors

* Build Next types when doing typechecks

Author: krispya

.github/workflows/ci.yml

@@ -0,0 +1,22 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [main]
+
+concurrency:
+  group: ci-${{ github.head_ref }}
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: yarn
+      - run: yarn
+      - run: yarn lint
+      - run: yarn typecheck

components/gallery/ArticleCTA.tsx

@@ -41,7 +41,7 @@ export function ArticleCTA({ article }: { article: Article }) {
                 type="button"
                 onClick={() => setCollapsed(true)}
                 aria-label="Hide new article"
-                className="cursor-pointer pointer-events-auto grid h-6 w-6 shrink-0 place-items-center rounded-full text-[#777] transition-colors hover:bg-black/5 hover:text-[#111] sm:h-7 sm:w-7"
+                className="pointer-events-auto grid h-6 w-6 shrink-0 cursor-pointer place-items-center rounded-full text-[#777] transition-colors hover:bg-black/5 hover:text-[#111] sm:h-7 sm:w-7"
               >
                 <svg viewBox="0 0 10 10" aria-hidden className="h-2 w-2 sm:h-2.5 sm:w-2.5">
                   <path d="M2 5H8" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />

layouts/PostLayout.tsx

@@ -73,7 +73,7 @@ export default function PostLayout({ content, authorDetails, next, prev, childre
                   </dd>
                 </div>
               </dl>
-              <h1 className="max-w-4xl text-pretty text-4xl leading-[1] font-semibold tracking-tight text-gray-950 sm:text-5xl md:text-6xl dark:text-gray-50">
+              <h1 className="max-w-4xl text-4xl leading-[1] font-semibold tracking-tight text-pretty text-gray-950 sm:text-5xl md:text-6xl dark:text-gray-50">
                 {title}
               </h1>
               {byline && (
@@ -211,10 +211,7 @@ export default function PostLayout({ content, authorDetails, next, prev, childre
               </section>
             </footer>
             {siteMetadata.comments && (
-              <div
-                className="pt-10 text-center text-gray-700 dark:text-gray-300"
-                id="comment"
-              >
+              <div className="pt-10 text-center text-gray-700 dark:text-gray-300" id="comment">
                 <Comments slug={slug} />
               </div>
             )}

package.json

@@ -8,7 +8,9 @@
     "build": "cross-env INIT_CWD=$PWD next build && cross-env NODE_OPTIONS='--experimental-json-modules' node ./scripts/postbuild.mjs",
     "serve": "next start",
     "analyze": "cross-env ANALYZE=true next build",
-    "lint": "next lint --fix --dir pages --dir app --dir components --dir lib --dir layouts --dir scripts",
+    "lint": "next lint --dir pages --dir app --dir components --dir lib --dir layouts --dir scripts",
+    "lint:fix": "next lint --fix --dir pages --dir app --dir components --dir lib --dir layouts --dir scripts",
+    "typecheck": "contentlayer2 build && tsc --noEmit",
     "prepare": "husky"
   },
   "dependencies": {