YT-TechDev logoYT-TechDevPortfolio & Blog
HomeAboutProjectsLabBlogContact
YT-TechDev logoYT Tech DevBlog Portfolio

A personal portfolio and engineering blog focused on frontend development, interactive UI, React Three Fiber, and practical product building.

Next.jsTypeScriptR3FSupabaseCloudFlarevercel

Site

  • Home
  • About
  • Projects
  • Blog

Explore

  • Lab
  • Portfolio
  • Contact

Focus

  • Frontend
  • React Three Fiber
  • Design Notes

© 2026 YT Tech Dev. All rights reserved.

Built withNext.js, Tailwind CSS, and Supabase.

ENOriginalJA日本語

About

Frontend, motion, and practical architecture.

This portfolio is built as both a personal website and a technical playground. The homepage focuses on interactive presentation, while the other pages are structured for readability, project explanation, and technical writing.

The goal is to show not only what was built, but also how the system is designed: component responsibility, server-first page structure, visual interaction, and a practical MVP scope.

Stack

Next.jsTypeScriptTailwind CSSFramer MotionReact Three FiberSupabaseCloudflare R2Vercel

Interactive first impression

The top page is designed as an interactive frontend showcase using motion, particles, and 3D-inspired presentation.

Readable supporting pages

Projects, Lab, Blog, and About pages use normal web structure so visitors can read the actual content without fighting the interface.

Responsibility separation

The implementation focuses on separating visual components, data, motion logic, and page structure to keep the codebase easy to revisit.

MVP without over-engineering

The site keeps the architecture practical by avoiding unnecessary systems and focusing on what is needed for a strong first public release.

Site Concept

Dynamic entrance, static readability.

The homepage acts as the visual entrance of the site. It can be more experimental, animated, and expressive. The supporting pages stay closer to traditional web design so that project details, blog articles, and technical explanations remain easy to read.