satnaing.dev
My portfolio & blog website developed with NextJS, TypeScript, and TailwindCSS. Markdown is used for contents. Contents are managed via Forestry headless CMS.
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)