feat:upgrade nextjs and more

Author: danimahdani

app/(group)/portfolio/HeadingPortfolio.tsx

@@ -1,5 +1,5 @@
 import { cxm } from "libs/helpers";
-import { HiGlobeAlt } from "react-icons/hi";
+import { GoArrowUpRight } from "react-icons/go";
 import { SiGithub } from "react-icons/si";
 import { UnderlineLink } from "~ui/links";
 
@@ -33,7 +33,7 @@ export const HeadingPortfolio: React.FunctionComponent<HeadingPortfolioProps> =
             href={props.link.live}
             className="text-theme-700 dark:text-theme-200 max-w-max gap-2 py-1"
           >
-            <HiGlobeAlt
+            <GoArrowUpRight
               className={cxm("text-lg md:text-xl", "text-theme-800 dark:text-theme-200")}
             />
             <span className={cxm("text-sm md:text-base")}>Live Demo</span>

app/components/portfolio/IconStack.tsx

@@ -4,7 +4,6 @@ import {
   SiCss3,
   SiFirebase,
   SiFramer,
-  SiGo,
   SiJavascript,
   SiMarkdown,
   SiNextdotjs,
@@ -17,6 +16,7 @@ import {
   SiTypescript,
   SiVite,
   SiPrisma,
+  SiBulma,
 } from "react-icons/si";
 
 export type IconStackProps = {
@@ -78,6 +78,9 @@ export const IconStack: React.FunctionComponent<IconStackProps> = ({ type, class
     case "prisma":
       return <SiPrisma className={cxm("text-shiro ", className)} />;
 
+    case "bulma":
+      return <SiBulma className={cxm("text-emerald-500 ", className)} />;
+
     default:
       return <SiCodesandbox className={cxm(" text-slate-900", className)} />;
   }

app/components/portfolio/PortfolioItem.tsx

@@ -42,10 +42,12 @@ const PortfolioItem: FC<PortfolioItemProps> = ({ portfolio, classes }) => {
         </div>
         <Paragraph className={cxm("lg:text-base")}>{portfolio.summary}</Paragraph>
         <div className="mt-2 flex gap-x-8">
-          <div className="flex items-center gap-x-2">
-            <IoRocketOutline />
-            <UnstyledLink href={portfolio.link.live}>Live Demo</UnstyledLink>
-          </div>
+          {portfolio.link.live !== "-" && (
+            <div className="flex items-center gap-x-2">
+              <IoRocketOutline />
+              <UnstyledLink href={portfolio.link.live}>Live Demo</UnstyledLink>
+            </div>
+          )}
           <div className="flex items-center gap-x-2">
             <GoArrowUpRight />
             <UnstyledLink href={portfolio.link.github}>Read</UnstyledLink>

app/data/portfolio/diskus-it.mdx

@@ -11,6 +11,6 @@ link:
   }
 ---
 
-Diskus It is a Discussion App that I was built when I was learned Prisma, integrated on Google Auth, Prisma is a ORM database that can make Next js fullstack.
+Diskus It is a Discussion App that I was built when I was learned Prisma, integrated on Google Auth with Next Auth, Prisma is a ORM database that can make Next js fullstack.
 
 You can checkout [Supabase](https://supabase.com/).

app/data/portfolio/vite-redux.mdx

@@ -0,0 +1,19 @@
+---
+title: 'Learn React Redux with JSON Server'
+date: '06/06/2023'
+summary: "Learn how to Redux work"
+image: 'https://ik.imagekit.io/ytdhxj6nw2/vite-redux.png?updatedAt=1696731899914'
+stack: ['React.js', 'Vite', 'Bulma', 'Typescript',]
+link: { github: 'https://github.com/danimahdani/vite-redux-ts', 
+live: '-' }
+---
+
+Learn how to Redux work with study case simple product CRUD and using back end json-server
+
+### Tech Stack
+
+- Vite
+- Typescript
+- Bulma
+- JSON-Server
+- axios

package.json

@@ -17,12 +17,12 @@
     "@types/react-dom": "18.2.7",
     "classix": "^2.1.34",
     "mdx-prism": "^0.3.4",
-    "next": "13.4.10",
+    "next": "^13.5.4",
     "next-mdx-remote": "^4.4.1",
     "nextjs-toploader": "^1.4.2",
-    "react": "18.2.0",
+    "react": "^18.2.0",
     "react-18-image-lightbox": "^5.1.4",
-    "react-dom": "18.2.0",
+    "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "rehype-slug": "^6.0.0",
     "tailwind-merge": "^1.14.0",
@@ -34,7 +34,7 @@
     "autoprefixer": "^10.4.14",
     "commitizen": "^4.3.0",
     "eslint": "^8.45.0",
-    "eslint-config-next": "^13.4.12",
+    "eslint-config-next": "^13.5.4",
     "eslint-config-prettier": "^9.0.0",
     "gray-matter": "^4.0.3",
     "husky": "^8.0.3",