jagadyudha/jagad.dev

My personal website built with Next.js, Tailwind CSS, and Mdx bundler 👀

I am Jagad Yudha, a wizard of app enchantment, specializing in front-end spells. With a wave of my coding wand, I conjure up mesmerizing web and app creations that sparkle with elegance and swiftness. My spells are intricately woven, crafting digital treasures that are both visually enchanting and powerfully functional.

In my secret enchanted scrolls (jagad.dev), I share my wisdom, unveiling the arcane secrets of technology with clarity and grace. Each word I scribe is like a magical incantation, unraveling the mysteries of the tech world for all to comprehend.

With a heart attuned to the desires of my clients, I weave my spells to craft interfaces that dance with intuition. I am the artist of user delight, ensuring that every interaction with my creations is a wondrous journey. I turn the ordinary into the extraordinary, one line of code at a time.

jagad.dev's Issues

EMBEDDED_ASSET in project slug

Description

EMBEDDED_ASSET in project slug can read only image

• add condition isVideo

Seperate steam, contenful, and spotify api

It’s hard to read what object that i create before, for an example item.fields.header.fields.file.details.image.width

• seperate spotify.
• Seperate contenful.
• Seperate steam.
• Declare object on each file.

Arrow functions

Instead using functional, it’s good to change it to arrow function.

Show youtube embed in the rich text

using condition ‘isVideo’ make load data slow.

• change to youtube embed.

image transition not rounded

Description

On iPhone, the image transition is not rounded before image complete.

Datepicker on contentful

Description

use datepicker on contentful to sort project as a date.

migrate from javascript to typescript while learning

Description

I think this is the right time to migrate website from Javascript to Typescript.

Move hamburger menu from left to right

Because most Indonesian people use their right hand, I think it is better to move the hamburger menu from left to right.

Improve SEO

• Improve semantic html
• Document does not have a meta description
• Image elements do not have [alt] attributes
• add opengraph

change recently played visual

Description

Change grid and layout on "recently played".

linktree page is so ugly

Using mdx, we're back to basics.

Remove headless cms and back using .mdx

Show warning if adblock enabled

Create warning components to handle adblock.

Navbar height on mobile view

Create blog

move navbar content to _data folder

Description

Seperate navbar title and link to _data

add author on photo slug

##Description

why not

EMBEDDED_ASSET in photos slug

Description

• change border to none.
• add tittle on the bottom of image

replace content of getStaticProps with helper

• photo/index.js
• photo/[slug].js
• project/index.js
• project/[slug].js
• pages/index.js

create reusable component

Description

Make code more efficient with reusable component.

• h1 tag
• span tag
• p tag
• link
• box
• Card
• label

Darkmode

Description

Darkmode still not optimize

• reload always show white bg
• icon bug

shorten subdomain link

Ubersuggest detect my subdomain as internal link instead of external.

Replace the link with shorten url like bitly on /components/layout/footer.tsx

• storybook
• Analytics