@mahmad

TemplatesKart | Free Open Source Chakra UI Components and Projects

Apr 20, 2022 · 2 min read · 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...

1

I made a changelog page for my portfolio website

Jan 30, 2022 · 1 min read · 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 ...

PJames commented

Let's build Dev.to clone with Next.js & ChakraUI

Jun 30, 2021 · 3 min read · 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...

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

Jun 21, 2021 · 3 min read · 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...

Create a professional portfolio website with Nextjs and ChakraUI

Jun 20, 2021 · 1 min read · 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...