Kazuki's Homepage

Personal portfolio website built with Next.js and Chakra UI.

Stack

• Next.js - React framework
• Chakra UI - Component library
• TypeScript - Type safety
• next-themes - Theme switching

Project structure

$PROJECT_ROOT
│   # Page files
├── app
│   ├── layout.tsx          # Root layout
│   ├── page.tsx            # Homepage
│   ├── providers.tsx       # App providers
│   │
│   │   # UI components
│   ├── components
│   │   ├── shared          # Shared components
│   │   ├── HeroSection.tsx
│   │   ├── HobbySection.tsx
│   │   ├── Home.tsx
│   │   ├── SocialsSection.tsx
│   │   └── WorkSection.tsx
│   │
│   │   # Configuration files
│   ├── config
│   │   ├── metadata.ts     # Site metadata config
│   │   └── profile.ts      # Profile configuration
│   │
│   │   # Utilities & context
│   ├── lib
│   │   ├── metadata.ts     # SEO metadata
│   │   ├── theme.ts        # Theme utilities
│   │   └── themeUtils.ts   # Additional theme helpers
│   │
│   ├── context
│   │   └── ThemeContext.tsx # Theme context provider
│   │
│   │   # TypeScript definitions
│   ├── types
│   │   ├── personal.ts     # Personal info types
│   │   ├── theme.ts        # Theme types
│   │   └── index.ts        # Type exports
│   │
│   │   # App constants
│   └── constants
│       └── theme.ts        # Theme constants
│
│   # Static files
├── public
│   └── images
│       ├── kazuki.JPG      # Profile image
│       └── og-image.png    # Social sharing image
│
└── components/ui           # External UI components

License

MIT License.

You can create your own homepage for free without notifying me by forking this project under the following conditions:

• Add a link to my homepage
• Check out LICENSE for more detail.