Creator of TemplatesKart | Full Stack Developer | Open Source lover from Pakistan
Project Overview TemplatesKart is a powerful set of fully responsive and accessible React components and projects. Demo: TemplatesKart Github Repo: TemplatesKart Code How I built it Framework: Next.js Styling: Chakra UI Animations: Framer Motion Dep...
A Changelog page for any website is a good way to keep your audience up to date with new and meaningful changes. In my previous post, I mentioned that I'll create changelog page for my portfolio website. So I got free time on the weekend and worked ...
Let's clone dev.to with the actual dev.to api to get the posts and listings. Overview This application is built with the following technologies: Typescript Nextjs Chakra UI SWR Dev.to api Live demo: https://dev-to-clone-ma.vercel.app https://github...
1.Create a Nextjs app yarn create next-app --typescript 2.Install Chakra UI yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4 3.Create components/layout/header.tsx import { Box, Link, Heading, Flex, Text, Button } from...
Currently, I'm learning Nextjs and Typescript. And for a learning perspective, I decided to rebuild my portfolio website with Nextjs. And I really loved it. It was so easy to recreate my portfolio website with Nextjs. So far I'm using some of Nextjs...
Live link: Portfolio Github repo Repo Pages Home Page Intro Highlights Projects Achievements Show progress yearly wise About Career Education Developer Story Tech Stack Open Source Blog Published articles list Built with Typescript Reactjs...
