React - Tag - Chris Koon's Homehttps://www.kitkoon.com/tags/react/React - Tag - Chris Koon's HomeHugo -- gohugo.ioenFri, 26 Sep 2025 06:00:00 +0800NextJs.Learnhttps://www.kitkoon.com/next-js.learn/Fri, 26 Sep 2025 06:00:00 +0800Chrishttps://www.kitkoon.com/next-js.learn/What it is

I built a Next.js Dashboard app following the official Next.js tutorial provided by Vercel. It’s a full-stack web application showcasing modern web development practices with Next.js and TypeScript. The dashboard provides a clean, responsive interface for data visualization and management, styled with Tailwind CSS and deployed on Vercel.

Features

  • Responsive dashboard UI built with Next.js and styled using Tailwind CSS for a modern look and feel.
  • Type-safe development using TypeScript to catch errors early and improve code reliability.
  • Server-side rendering and static generation with Next.js for optimal performance and SEO.
  • Seamless deployment on Vercel with automatic builds and CI/CD integration.
  • Interactive data visualization and management components for intuitive user experience.

My thoughts

Building this Next.js dashboard was an excellent learning experience in full-stack development for me. It deepened my understanding of React component architecture, TypeScript’s type system, and Next.js features like server-side rendering and static generation. Working with Tailwind CSS made styling efficient and maintainable. Figuring out how to integrate everything together and deploy seamlessly on Vercel was both challenging and rewarding. I enjoyed seeing the dashboard in action and understanding how modern web frameworks streamline the development process. This project solidified my skills in contemporary web development practices and I plan to build more complex applications using this foundation.

]]>Personal Home Page (Old)https://www.kitkoon.com/protfolio/Wed, 05 Jan 2022 00:00:00 +0800Chris Koonhttps://www.kitkoon.com/protfolio/What is this?

This is my old personal home page, created with React and Bootstrap, and hosted on GitHub Pages. It serves as a place for me to showcase my projects and interests with the world.

Features

  • Information about me
  • Share my thoughts
  • Project showcases
  • Links to my social media and other platforms

My thoughts

This old personal page was made 3 years ago, and it was made when i was learning React and Bootstrap, at that time I was not familiar with web development, so I used them to create a simple personal page and learn how to use them.

]]>