favicon added and compressed, deps updated, migrated to nextra v3, build wf updated, tailwindcss added.

Author: darsan-in

.github/workflows/deploy.yml

@@ -44,7 +44,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: "21"
+          node-version: "20"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v5
@@ -64,10 +64,16 @@ jobs:
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Sitemap update
+        run: |
+          npm i @cresteem/hawk-js -g
+          cp hawk.config.json ./out/hawk.config.json
+          cd out
+          hawk genmap || true
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: ./dist
+          path: ./out
 
   # Deployment job
   deploy:

.gitignore

@@ -1,6 +1,6 @@
 .next
 node_modules
 next-env.d.ts
-dist
+out
 gserv.json
 .hawk.lrs

components/utils.tsx

@@ -0,0 +1,35 @@
+import { compressImages } from "@cresteem/minomax";
+
+class Compress {
+  favicons() {
+    // compress favicons
+    compressImages("public/favicons/*png", "webp", "compressed").catch(
+      console.error
+    );
+  }
+
+  svg() {
+    // compress all svg
+    compressImages("public/**/*svg", "svg", "compressed").catch(console.error);
+  }
+
+  serviceImages() {
+    // compress service visuals
+    compressImages(
+      "public/services-visuals/**/*{jpg,webp}",
+      "avif",
+      "compressed"
+    ).catch(console.error);
+  }
+
+  brandAssets() {
+    // compress brand-assets non-svg
+    compressImages(
+      "public/brand-assets/*{png,webp}",
+      "webp",
+      "compressed"
+    ).catch(console.error);
+  }
+}
+
+new Compress().favicons();

dev/compress-images.mjs

@@ -5,7 +5,7 @@ import { basename, join } from "path";
 export async function generateFavicons(
   metaDesc,
   version,
-  baseImage = "fav.png",
+  baseImage = "./dev/fav.webp",
   appName = basename(process.cwd()),
   basepath = join(process.cwd(), "public"),
   faviconsPath = "favicons",
@@ -75,5 +75,5 @@ export async function generateFavicons(
 
 generateFavicons(
   "Hawk JS is the ultimate tool for web developers and SEO enthusiasts. Find out how it can streamline your SEO efforts, ensuring your website gains visibility and improves its search engine ranking.",
-  "1.0.7"
+  "1.5.0"
 );

dev/fav.webp

@@ -1,15 +1,20 @@
-const withNextra = require("nextra")({
+import nextra from "nextra";
+
+const withNextra = nextra({
   theme: "nextra-theme-docs",
-  themeConfig: "./theme.config.tsx",
+  themeConfig: "./theme.config.jsx",
   staticImage: true,
 });
 
-module.exports = {
+const config = {
   ...withNextra(),
   images: {
     unoptimized: true,
   },
   basePath: "",
   output: "export",
-  distDir: "dist",
+  distDir: "out",
+  sassOptions: { silenceDeprecations: ["legacy-js-api"] },
 };
+
+export default config;

gen-favicons.mjs dev/gen-favicons.mjsgen-favicons.mjs renamed to dev/gen-favicons.mjs

@@ -22,15 +22,20 @@
   },
   "homepage": "https://hawkjs.cresteem.com/",
   "devDependencies": {
-    "@types/node": "latest",
-    "next": "latest",
-    "nextra": "latest",
-    "nextra-theme-docs": "latest",
+    "@types/node": "22.10.1",
+    "@types/react": "^18.3.12",
+    "acorn": "^8.14.0",
+    "autoprefixer": "^10.4.20",
+    "next": "15.0.3",
+    "nextra": "3.2.4",
+    "nextra-theme-docs": "3.2.4",
+    "postcss": "^8.4.49",
     "react": "latest",
     "react-dom": "latest",
-    "react-icons": "^5.2.0",
-    "sass": "latest",
-    "typescript": "latest"
+    "react-icons": "^5.3.0",
+    "sass": "1.81.0",
+    "tailwindcss": "^3.4.15",
+    "typescript": "5.7.2"
   },
   "dependencies": {
     "favicons": "^7.2.0"

fav.png

@@ -0,0 +1,11 @@
+import "../stylesheets/globals.scss";
+
+export default function App({
+  Component,
+  pageProps,
+}: {
+  Component: any;
+  pageProps: Record<any, any>;
+}) {
+  return <Component {...pageProps} />;
+}