update packages and dependencies

Dockerfile

@@ -1,6 +1,6 @@
 ARG INSTALLER=yarn
 
-FROM node:18-alpine AS base
+FROM node:20-alpine AS base
 
 # Install dependencies only when needed
 FROM base AS deps

netlify.toml

@@ -3,4 +3,4 @@ publish = "dist"
 command = "yarn build"
 
 [build.environment]
-NODE_VERSION = "18"
+NODE_VERSION = "20"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -14,47 +14,47 @@
     "remove-darkmode": "node scripts/removeDarkmode.js && yarn format"
   },
   "dependencies": {
-    "@astrojs/mdx": "^2.0.3",
+    "@astrojs/mdx": "^2.1.0",
     "@astrojs/react": "^3.0.9",
-    "@astrojs/rss": "^4.0.1",
-    "@astrojs/sitemap": "^3.0.4",
+    "@astrojs/rss": "^4.0.4",
+    "@astrojs/sitemap": "^3.0.5",
     "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.0.9",
+    "astro": "^4.2.6",
     "astro-auto-import": "^0.4.2",
     "astro-font": "^0.0.77",
-    "date-fns": "^3.0.6",
+    "date-fns": "^3.3.1",
     "disqus-react": "^1.1.5",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
-    "marked": "^11.1.1",
-    "prettier-plugin-astro": "^0.12.3",
-    "prettier-plugin-tailwindcss": "^0.5.10",
+    "marked": "^11.2.0",
+    "prettier-plugin-astro": "^0.13.0",
+    "prettier-plugin-tailwindcss": "^0.5.11",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.12.0",
+    "react-icons": "^5.0.1",
     "react-lite-youtube-embed": "^2.4.0",
     "remark-collapse": "^0.1.2",
     "remark-toc": "^9.0.0",
-    "sharp": "^0.33.1",
+    "sharp": "^0.33.2",
     "swiper": "^11.0.5"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
     "@types/marked": "^5.0.2",
-    "@types/node": "20.10.6",
-    "@types/react": "18.2.46",
+    "@types/node": "20.11.7",
+    "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.17",
     "eslint": "^8.56.0",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.1",
-    "prettier-plugin-astro": "^0.12.3",
-    "prettier-plugin-tailwindcss": "^0.5.10",
-    "sass": "^1.69.7",
+    "postcss": "^8.4.33",
+    "prettier": "^3.2.4",
+    "prettier-plugin-astro": "^0.13.0",
+    "prettier-plugin-tailwindcss": "^0.5.11",
+    "sass": "^1.70.0",
     "tailwind-bootstrap-grid": "^5.1.0",
-    "tailwindcss": "^3.4.0",
+    "tailwindcss": "^3.4.1",
     "typescript": "5.3.3"
   }
 }

readme.md

@@ -10,8 +10,8 @@
 </h2>
 
 <p align=center>
-  <a href="https://github.com/withastro/astro/releases/tag/astro%404.0.0" alt="Contributors">
-    <img src="https://img.shields.io/static/v1?label=ASTRO&message=4.0&color=000&logo=astro" />
+  <a href="https://github.com/withastro/astro/releases/tag/astro%404.2.0" alt="Contributors">
+    <img src="https://img.shields.io/static/v1?label=ASTRO&message=4.2&color=000&logo=astro" />
   </a>
 
   <a href="https://github.com/zeon-studio/astroplate/blob/main/LICENSE">

src/layouts/PostSingle.astro

@@ -6,11 +6,7 @@ import { getSinglePage } from "@/lib/contentParser.astro";
 import dateFormat from "@/lib/utils/dateFormat";
 import similarItems from "@/lib/utils/similarItems";
 import { humanize, markdownify, slugify } from "@/lib/utils/textConverter";
-import {
-  FaRegClock,
-  FaRegFolder,
-  FaRegUserCircle,
-} from "react-icons/fa/index.js";
+import { FaRegClock, FaRegFolder, FaRegUserCircle } from "react-icons/fa";
 import ImageMod from "./components/ImageMod.astro";
 
 const COLLECTION_FOLDER = "blog";

src/layouts/components/BlogCard.astro

@@ -2,7 +2,7 @@
 import config from "@/config/config.json";
 import dateFormat from "@/lib/utils/dateFormat";
 import { humanize, plainify, slugify } from "@/lib/utils/textConverter";
-import { FaRegFolder, FaRegUserCircle } from "react-icons/fa/index.js";
+import { FaRegFolder, FaRegUserCircle } from "react-icons/fa";
 import ImageMod from "./ImageMod.astro";
 
 const {

src/layouts/components/Share.astro

@@ -5,7 +5,7 @@ import {
   IoLogoLinkedin,
   IoLogoPinterest,
   IoLogoTwitter,
-} from "react-icons/io5/index.js";
+} from "react-icons/io5";
 
 const { base_url }: { base_url: string } = config.site;
 const {

src/layouts/helpers/DynamicIcon.tsx

@@ -1,13 +1,13 @@
 import React, { type FC } from "react";
 import type { IconType } from "react-icons";
-import * as FaIcons from "react-icons/fa6/index.js";
-// import * as AiIcons from "react-icons/ai/index.js";
-// import * as BsIcons from "react-icons/bs/index.js";
-// import * as FiIcons from "react-icons/fi/index.js";
-// import * as Io5Icons from "react-icons/io5/index.js";
-// import * as RiIcons from "react-icons/ri/index.js";
-// import * as TbIcons from "react-icons/tb/index.js";
-// import * as TfiIcons from "react-icons/tfi/index.js";
+import * as FaIcons from "react-icons/fa6";
+// import * as AiIcons from "react-icons/ai";
+// import * as BsIcons from "react-icons/bs";
+// import * as FiIcons from "react-icons/fi";
+// import * as Io5Icons from "react-icons/io5";
+// import * as RiIcons from "react-icons/ri";
+// import * as TbIcons from "react-icons/tb";
+// import * as TfiIcons from "react-icons/tfi";
 
 type IconMap = Record<string, IconType>;
 

src/layouts/partials/Header.astro

@@ -3,7 +3,7 @@ import Logo from "@/components/Logo.astro";
 import ThemeSwitcher from "@/components/ThemeSwitcher.astro";
 import config from "@/config/config.json";
 import menu from "@/config/menu.json";
-import { IoSearch } from "react-icons/io5/index.js";
+import { IoSearch } from "react-icons/io5";
 
 export interface ChildNavigationLink {
   name: string;

src/pages/index.astro

@@ -6,7 +6,7 @@ import CallToAction from "@/partials/CallToAction.astro";
 import Testimonial from "@/partials/Testimonial.astro";
 import type { Button, Feature } from "@/types";
 import { getEntry } from "astro:content";
-import { FaCheck } from "react-icons/fa/index.js";
+import { FaCheck } from "react-icons/fa";
 
 interface Homepage {
   banner: {