Personal website, project archive, and publishing workflow for mdanikhasan.com

Static portfolio, project archive, and publishing workflow with custom build output, CMS editing, and structured SEO for mdanikhasan.com.

Live site     About     Projects     Blog

Visual direction

Jungle home background

Website background
Main background artwork used across the site.

Portfolio first Home, about, projects, contact, and blog pages are built around a personal brand site instead of a generic starter.

Custom publishing Markdown content and structured settings flow through a Node build script that writes the final site into dist.

Netlify ready The repo works on the free Netlify plan, with optional Decap CMS editing at /sawlper/.

What this repo is

This codebase powers the portfolio, blog workflow, and CMS setup behind mdanikhasan.com. Static pages, markdown content, custom build logic, and generated files ship from dist.

Featured projects

Portfolio	The main personal site and brand hub for my work, writing, and SEO focused web presence.	Live site Repository
UIU Bot	A Discord bot built around UIU student utility, moderation, and day to day automation.	Project showcase only
Boilabin	A project listed here without a public source code link.	Listed without source code

Stack snapshot

Inside the project

src/pages	Source page templates
src/partials	Shared layout pieces for nav, SEO output, and footer content
src/content/posts	Markdown blog posts
src/content/projects	Project entries and case study style content
src/content/settings	Site identity, SEO, and social settings
src/admin	CMS entry point
public	Static assets copied into the final deploy
scripts/build-site.js	Custom build pipeline
dist	Generated production output

Local use

npm install
npm run check
npm run build

Open the generated output from dist after build, or deploy it directly through Netlify.

What gets generated for you

1. Clean static HTML pages
2. Blog post pages and project pages
3. XML sitemap, HTML sitemap, RSS, and JSON Feed so crawlers and readers can discover fresh content faster
4. Open Graph tags, Twitter cards, canonical data, and JSON LD so pages look better when shared and read more clearly in search
5. Internal links and SEO metadata shaped around crawlability, branded search, and portfolio discoverability

Netlify setup

This repo works on the free Netlify plan.

1. Connect the repository to Netlify.
2. Use build command npm run build.
3. Use publish directory dist.
4. Enable Identity and Git Gateway if you want CMS editing.
5. Open /sawlper/ after setup to publish posts and manage content.

Good places to edit first

1. src/content/settings/general.yml for the core site identity and global details
2. src/content/settings/seo.yml for SEO defaults, titles, and metadata
3. src/content/settings/social.yml for profile links and identity signals
4. src/content/pages/homepage.yml for the home page copy and highlights
5. src/content/pages/about.yml for the about page content
6. src/data/site.js for sitewide metadata, schema, and shared SEO output
7. src/data/pages.js for page specific SEO rules and metadata generation

Why I built it this way

This setup keeps the site fast, easy to update, and free from unnecessary framework overhead while still supporting CMS editing, structured SEO, feeds, and a clean deploy flow.