Published on

Launch of My First Blog

Authors
  • Name
    Twitter

Introduction

Today I finally completed setting up my blog! The entire process was made incredibly simple with Claude Code's help. This article records the complete journey from scratch to launching the website.

Technology Stack

After careful consideration, I chose the following technology stack:

  • Framework: Next.js + MDX
  • Hosting: Vercel
  • Domain: feifancode.com
  • Theme: Tailwind Next.js Starter Blog

Advantages of this solution:

  1. Static generation for fast access
  2. MDX format makes writing simple
  3. Vercel free hosting with automatic deployment
  4. Bilingual support (Chinese/English) and dark mode

Setup Steps

1. Create GitHub Repository

First, create a new repository on GitHub named FeiFan.

2. Fork Blog Template

Use the Tailwind Next.js Starter Blog template and fork it to your own repository.

3. Configure Vercel

  1. Log in to Vercel
  2. Import the GitHub repository
  3. Click deploy

4. Custom Domain

Add your custom domain feifancode.com in Vercel project settings.

Writing Workflow

Writing articles in MDX format is very simple:

---
title: Article Title
date: '2026-03-27'
tags: ['Tag1', 'Tag2']
---

## Content

Markdown syntax is fully supported...

After writing, push to GitHub and Vercel will automatically redeploy the site.

Conclusion

Thanks to Claude Code's help, the entire website setup process was much smoother than expected. If you also want to build your own blog, I hope this article helps!

Welcome to my blog!