surfer-kim.
surfer-kim Blog
surfer-kim Blog

surfer-kim Blog

Tags
Projects
Personal
Published
June 16, 2025
Author
Jason Kim
Role: Software Engineer
Company: N/A
Technologies: Next.js, v0.dev
Duration: 06/2025 - 06/2025
 

Overview

Developed a modern, high-performance personal blog leveraging Next.js for server-side rendering and static site generation. The site uses v0.dev to rapidly prototype and visually design components, streamlining the development workflow. With a fully responsive layout and clean UI built using Tailwind CSS, the blog ensures a consistent experience across devices. This setup supports fast content updates and scalable architecture for long-term maintainability.
 

Key Contributions

  • Integrated Notion as a headless CMS using the react-notion-x library, allowingseamless content management through a familiar Notion interface.
  • Adopted v0.dev to accelerate UI prototyping and component generation, significantly reducing design-to-code time.
  • Leveraged Tailwind CSS for flexible theming, ensuring visual consistency and responsiveness across the site.
  • Implemented dynamic routing and server-side rendering with Next.js, optimizing SEO and performance.
  • Designed content structure to highlight study notes, technical blogs, and project documentation.
 

Outcomes

  • Successfully launched and hosted the blog at surfer-kim-blog.vercel.app, enabling quick publication of content without modifying code.
  • Reduced the barrier to sharing technical knowledge by streamlining the writing process via Notion integration.
  • Created a platform that is easy to maintain, visually appealing, and scalable for future enhancements such as tagging, search, and analytics.
  • Improved web performance and loading speed by optimizing assets and leveraging static site generation.
 

Resources

  • Tech Stack: Next.js, Tailwind CSS, Notion + react-notion-x, v0.dev
  • Hosting: Vercel
  • CMS: Notion as a headless content platform