Skip to content
Zane LI

About this website

  • #Project
Read time: 1 minute
Zane LI
Zane LI

OverviewπŸ”—

  1. This website is built using Next.js as the frontend framework and Sanity as the content management system.
  2. The icon represents the second Chinese character of my name, 展 (Zhǎn), written in a calligraphic style. The character 展 carries the meaning of "development," "expansion," or "progress."

Tech Stack πŸ”—

1. Frontend Technology: Next.jsπŸ”—

  • Framework Features:
    • Built with React, supporting Server-Side Rendering (SSR) and Static Site Generation (SSG) for improved performance and SEO.
    • Provides a file-based routing system and built-in API routes for fast development and scalability.
  • Styling Management:
    • Supports multiple styling solutions (e.g., CSS Modules, Styled Components) for efficient UI development.
  • Dynamic Routing:
    • Combines dynamic routing with static content to enable personalized page displays.

2. Content Management System: SanityπŸ”—

  • Content Management:
    • Offers a visual editing interface for easy content updates and management.
    • Supports real-time previews, allowing instant review of changes.
  • Data Architecture:
    • Utilizes GROQ query language to efficiently fetch data from Sanity’s backend.
    • Supports custom data schemas, making it flexible for expanding content models.
  • Integration:
    • Seamlessly integrates with Next.js through APIs, ensuring smooth data flow and dynamic content rendering.

3. Deployment and OptimizationπŸ”—

  • Vercel Deployment:
    • Automated build and deployment pipeline with Vercel, providing global CDN and fast page load times.
  • Image and Static Asset Optimization:
    • Leverages Next.js’s Image Optimization feature for dynamic resizing and loading, enhancing performance.