React Templates & Themes Logo React Templates & Themes
Leohuynh.dev screenshot

Leohuynh.dev

Author Avatar Theme by Hta218
Updated: 8 May 2025
361 Stars

My personal space on the cloud where I document my programming journey, sharing lessons, insights, and resources for fellow developers.

Github Live Preview

Categories

Nextjs Tailwind Drizzle orm Prisma Headless ui Blog Fullstack

Overview

My 🏠 on the ☁️ is a personal over-engineering site hosted on Vercel and built with Next.js and Tailwind CSS. The blog serves as a platform for the author, Tuan Anh Huynh, to document and share their learnings and experiences as a software engineer. By writing and noting things down, the author solidifies their understanding of new concepts and technologies. The blog aims to be a helpful resource for others interested in web development, eCommerce, and related technologies. Readers are encouraged to leave comments and share their thoughts on the content.

Features

  • Upgraded to React 18 and NextJS 13 for improved performance and functionality.
  • Adopted Typescript and committed with Conventional Commits for better code readability and maintainability.
  • Monitored the site with Umami website analytics for data-driven insights.
  • Implemented dark mode theming using Github dark dimmed colors for better contrast.
  • Redesigned the homepage and added new components such as ProfileCard, CareerTimeline, /snippets, /resume page, etc.
  • Bumped up mdx-bundler, rehype/remark plugins, and dependencies to the latest version for enhanced functionality and security.

Installation

To install the theme, follow these steps:

  1. Clone the repository:
git clone <repository_url>
  1. Install the required dependencies using npm:
npm install
  1. Start the development server:
npm run dev
  1. Open your web browser and visit http://localhost:3000 to view the site.

Summary

My 🏠 on the ☁️ is a personal blog hosted on Vercel and built with Next.js and Tailwind CSS. The blog serves as a platform for the author to share their learnings and experiences in the field of software engineering. By documenting their journey, the author aims to solidify their understanding of new concepts and technologies while providing a helpful resource for others. The blog features various updates and improvements, including upgraded versions of React and NextJS, the adoption of Typescript, dark mode theming, and redesigned components.