Customize Tailwind Next.js Starter Blog for Personal Portfolio and Blogging

[Sozhan308]

🧩 Objective

• Adapt the Tailwind Next.js Starter Blog to serve as a personal portfolio and blogging website under sozhan308.github.io.

🔧 Tasks

• Set up local development environment
  Run the starter project locally with sample content to confirm the setup is working.

• Replace data/siteMetadata.js with personal metadata
  Update title, site name, description, social media handles, and language settings.

• Customize data/authors/default.mdx
  Replace the author bio, social links, and avatar reference to reflect personal identity.

• Replace public/static/images/avatar.png and favicon
  Use a custom profile photo and favicon to personalize branding.

• Write and publish a .mdx blog post
  Add a blog post under data/blog/ using proper frontmatter and markdown content.

• Create a new pages/portfolio.tsx
  Scaffold a page to showcase key projects with brief descriptions and links.

• Add portfolio items as a card grid or list
  Display project items using Tailwind styling within the portfolio page.

• Set up GitHub Pages deployment
  Use npm run export to generate static content and deploy via gh-pages branch.

• Update README.md
  Document setup steps, customization points, and deployment instructions for clarity.