Satnaing.dev

Theme by Satnaing

|

Updated: 14 Feb 2024

|

145 Stars

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

Categories

Overview:

The Sat Naing Portfolio & Blog is a website developed with Next.JS and TypeScript, featuring a portfolio and a blog section. The site utilizes Tailwind CSS and GSAP for styling and animations, supports light and dark themes, and has responsive design to ensure accessibility across different devices. The blog contents are written in Markdown format, making it easy to manage and update the content.

Features:

• Responsive Design: Ensures a seamless experience across different devices including mobile phones and desktops.
• Light & Dark Themes: Users can switch between light and dark themes for their preferred viewing experience.
• Fully Accessible: The website is designed to be fully accessible with features focused on inclusivity.
• Categories, Tags: Organize and categorize content for easy navigation and browsing.
• Search Box: Users can search for specific content within the website.
• SEO Friendly: Optimized for search engines to improve visibility and ranking.
• Markdown Content: The blog contents are written in Markdown format for easy editing and formatting.

Installation:

To run the Sat Naing Portfolio & Blog locally, follow these steps:

1. Clone the project:

   git clone [project-url]
   

2. Go to the project directory:

   cd [project-directory]
   

3. Remove the remote origin to avoid conflicts:

   git remote remove origin
   

4. Install dependencies:

   npm install
   

5. Start the server:

   npm run dev
   

Summary:

The Sat Naing Portfolio & Blog is a well-designed and feature-rich website that showcases the developer’s skills and projects. With a focus on accessibility, responsiveness, and customization options such as light and dark themes, the website offers a user-friendly experience for visitors. By utilizing modern technologies like Next.JS, Tailwind CSS, and Markdown content, the site provides a seamless platform for sharing information and updates through the blog section.