May 12, 2022Filtering Item Animation in React with Framer MotionSo basically, it’s not good to access directly real DOM when using virtual DOM such as React that implements virtual DOM, so I have been searching how to animate a React component when the component is unmounting immediately like the component is rendered using map function in javascript, so check…React3 min readReact3 min read
Published in Towards Dev·Feb 16, 2022Build Blog Site using Gatsby JS — Part 5 (Deploy site to Netlify)In the previous part, we have done to set up SEO on HTML meta tag using React Helmet. Here to online your site, we have to deploy on server. because we are on the learning step, we can use free hosting to deploy static sites using Netlify. Build Blog Site…Netlify4 min readNetlify4 min read
Published in Towards Dev·Feb 16, 2022Build Blog Site using Gatsby JS — Part 4 (SEO)In the previous part, we have created a dynamic blog page using gatsby-plugin-mdx, in this part, we will do SEO optimization on the page using the React Helmet package. Build Blog Site using Gatsby JS — Part 1 (Getting Started) Build Blog Site using Gatsby JS — Part 2 (Chakra UI…Gatsbyjs3 min readGatsbyjs3 min read
Published in Towards Dev·Feb 16, 2022Build Blog Site using Gatsby JS — Part 3 (Gatsby Plugin Mdx)In part, before we have completed making a home page with a few components, the home page will show a blog. but it's still statically here we will use gatsby-plugin-mdx to convert markdown into pages. Build Blog Site using Gatsby JS — Part 1 (Getting Started) Build Blog Site using Gatsby…Gatsbyjs3 min readGatsbyjs3 min read
Published in Towards Dev·Feb 15, 2022Build Blog Site using Gatsby JS — Part 2 (Chakra UI & Home Page)Chakra UI is a great UI library to get your Gatsby website up and running fast. The setup is slightly different than other projects, however, the API usage seen in the rest of the docs is the same! Build Blog Site using Gatsby JS — Part 1 (Getting Started) Build Blog…Gatsbyjs2 min readGatsbyjs2 min read
Published in Towards Dev·Feb 10, 2022Build Blog Site using Gatsby JS — Part 1 (Getting Started)Demo: https://gatsby-blog-starterr.netlify.app Repository: https://github.com/dicka88/gatsby-blog-starter Hello everyone, this is my first tutorial series, where I’ll go show you to get started building a static web blog. Here we will use technology Gatsby JS for the main framework and Chakra UI for styling. Why did I choose it? the answer is Gatsby…Blog3 min readBlog3 min read
Feb 5, 2022Why You Should Use Gatsby JS in 2022In today’s modern website development right now, there many tools can we use, from these many choices, of course we must be able to choose what tools are good for use to use. …React5 min readReact5 min read
Feb 5, 2022How I Build My Own Portfolio Website Online Just OnlyFor $3.5 With Gatsby JSYou can visit the site on https://dickaismaji.com Finally after a few days at the end of the month in 2021 this my personal website has been published. …Gatsbyjs3 min readGatsbyjs3 min read
