Currently, I'm learning Nextjs and Typescript. And for learning perspective I decided to rebuilt my...

Create professional portfolio website with Nextjs and ChakraUI

Muhammad  Ahmad

I have created multiple portfolio website templates using ChakraUI and React. You can check my...

showdev

Let's create a portfolio website using Dev.to as a CMS

I was thinking about making some changes in my portfolio website since past few months. I couldn't...

Started 2022 by updating portfolio website

I'll be creating a Hulu webpage clone with Next.js and Tailwind.  Live demo: hulu-clone-live Github...

Let's build Hulu clone with Next.js & Tailwind

I have been writing on dev.to for more than 1 year. I really like to write articles on dev.to but now...

How to create a blog for your Next.js and ChakraUI website

Built with    Front-end library - Reactjs  UI components - Chakra UI  Animation library -...

Let's build a attractive portfolio page with React, ChakraUi, and framerMotion

I want to share new updated version of my portfolio website. Here is the list of new features and...

Find out what's new in my portfolio website

1.Create a Nextjs app    yarn create next-app --typescript        Enter fullscreen mode           ...

Let's build Airbnb Home page with Nextjs and ChakraUI - Part 1

In this part, We'll continue with main section and then we'll create footer.   Github Repo:...

Let's build Airbnb Home page with Nextjs and ChakraUI - Part 3(final)

Portfolio card post                                          Create a portfolio card with...

Create a animated portfolio card with React and ChakraUI

Hello CharkaUI lovers,  This article presents new UI changes in TemplatesKart  Let's see what new...

ChakraUI TemplatesKart - UI updates

Create new rails app Install following Gems     gem 'nokogiri' gem 'open-uri'        Enter...

How to count html tags in a web page by using web url

This is a base project to quickly spin up a React+Rails application.  If you want to create a react...

Create production ready React+Rails applications

In part 1, We created header section. Now in this part We'll create main section.   Github Repo:...

Let's build Airbnb Home page with Nextjs and ChakraUI - Part 2

Let's find out 10 new chakra-ui components that I added to TemplatesKart website recently.          ...

Free 10 new Chakra UI components - TemplatesKart

I created a notebook app in react a few months ago. I wrote article about it.                        ...

Migrating a notebook app from react to Next.js

TemplatesKart provides an easy solution to getting the look you want for your website without having...

TemplatesKart | New landing page built with ChakraUI

On weekend, I modified TemplatesKart website landing page.  Let's have a look what changes I made.   ...

New landing page of TemplatesKart website

Project Overview   TemplatesKart is a powerful set of fully responsive and accessible React...

TemplatesKart | Free Chakra UI Components and Projects

A Changelog page for any website is a good way to keep your audience up to date with new and...

I made changelog page for my portfolio website

My portfolio has three versions now. To switch between them I built Theme Studio, a small canvas where you drag a wire into a display.

I turned my portfolio into a playground (plug a theme into a display to open it)

Let's find out 12 new chakra-ui components that I have added to TemplatesKart website recently.      ...

Free 12 new Chakra UI components - TemplatesKart

🚀 The Concept: The idea of an animated card took shape in my mind, and I couldn't wait to turn it...

Spent the weekend crafting a delightful animated card using @chakra_ui and @framer motion! 🌟✨

Hi folks, I added 8 new components to TemplatesKart website. So I want to share them with you. Please...

Find out 8 new chakraUI components that I built

Moved my portfolio from Chakra UI to Tailwind CSS and Next.js 16, gave it a fresh design, and added a second terminal-style theme.

I finally rebuilt my portfolio website (and added a terminal theme)

Let's find out 10 new chakra-ui components that I added to TemplatesKart website.          ...

Free 10 Chakra UI components - TemplatesKart

One prompt with the /anatomy skill gave me an interactive isometric bench for an API request. Here's what each part means, what I changed after the first version, and how to remix it.

I asked Claude to explain an API request as a tiny machine

The five fixes OpenAI used to scale PostgreSQL for ChatGPT, explained with an interactive diagram you can break.

ChatGPT serves 800 million users from one Postgres primary. Here's how 🐘

I was not expecting to get Next.js badge so early because currently I'm learning it and it was my 2nd...

Got Next.js badge and crossed 500 followers on dev.to 🎉

An interactive isometric globe built from plain SVG and d3-geo. Spin it, pull a country out of its socket, split it into its states, or break the whole map apart.

Hey, I'm Ahmad 👋

Popular Articles

Create professional portfolio website with Nextjs and ChakraUI

Let's create a portfolio website using Dev.to as a CMS

Started 2022 by updating portfolio website