Satnaing.dev

My portfolio & blog website developed with NextJS, TypeScript, and TailwindCSS. Markdown is used for contents. Contents are managed via Forestry headless CMS.

#nextjs #react #forestry #tailwindcss #blog #developer-portfolio #portfolio #reactjs #typescript #github

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.

Demo Download

Sat Naing Portfolio & Blog

My portfolio & blog website developed with Next.JS(SSG) and TypeScript. Tailwind CSS and GSAP is used for styling and animations. Blog contents are written in Markdown format. Light & Dark themes supported.

Features

Responsive Design 📱💻
Light & Dark themes ☀️🌙
Fully Accessible ♿️
Categories, Tags 🏷
Search Box 👀
SEO Friendly 🔎
Markdown Content 📰

Tech Stack

Frontend - NextJS, React, TypeScript
Styling - Tailwind CSS
Animations - GSAP
Design & Prototype - Figma
State Management - ContextAPI
Backend - Forestry Headless CMS
Deployment - Vercel

Lighthouse Score

Running Locally

Clone the project

git clone https://github.com/satnaing/satnaing.dev.git

Go to the project directory

cd satnaing.dev

Remove remote origin

git remote remove origin

Install dependencies

npm install

Start the server

npm run dev

Inspiration and Credits

Here are some inspiration and credits for the design of my portfolio. However I can guarantee that I wrote 100% of the code. These credits are just for ideas and design for my portfolio and blog website.

The digital art in the hero section was illustrated by a friend of mine (Swann Fevian Kyaw @ToonHa)

Author

@satnaing

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.