👨🏻‍💻 $ ls -al Hugo -- A Turborepo of my personal portfolio and blog website built with React, Next.js, Tailwind CSS and TypeScript

A fast, responsive, and SEO-friendly portfolio + blog site to share your work, ideas, and projects -- all built with Next.js, TypeScript, and Tailwind CSS.

Features

Tech Stack Highlights

Next.js 15 with App Router
TypeScript with strict configuration
Tailwind CSS for styling
Turborepo for monorepo management

Blogging Essentials

Markdown support
Comment system
RSS feed
Sitemap generation
🚧 View counter
🚧 Like button

UI & UX Enhancements

Skeleton loading for better user experience
Responsive design for mobile and desktop
GitHub calendar heatmap to showcase contributions
Shiki for code syntax highlighting
Motion for animations

Performance & SEO

Lighthouse score of nearly 100
SEO optimized with meta tags and JSON-LD
Open graph images using next/og

Dev Experience

ESLint and Prettier for code quality
Conventional commit messages

Contributing

Please refer to the Contributing Guideline for detailed information on how to start the app locally and contribute to this project.

Pull Requests and reporting issues are welcome 🫵🏻 in our GitHub repository!

Getting Started

[!NOTE] We choose pnpm as our package manager. Make sure you have it installed before running the following commands.

$ git clone git@github.com:1chooo/1chooo.com.git
$ cd 1chooo.com
$ pnpm install

Run the Web App

$ cd apps/web
$ pnpm run dev   # Open http://localhost:3000 with your browser to see the result.

Acknowledgments

This project was made possible thanks to the amazing open-source community.

A special thanks to @codewithsadee for the excellent vcard-personal-portfolio, which served as the foundation for this project.

The project also incorporates and adapts various open-source projects, including:

Additionally, I drew inspiration from several incredible projects, including:

...and many others I can't recall but deeply appreciate.

Authors

Chun-Ho (Hugo) Lin Website | GitHub | E-mail

Deploy on Vercel

The easiest way to deploy 1chooo.com app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

License

[!IMPORTANT] This work is licensed under Creative Commons Attribution 4.0 International by Chun-Ho (Hugo) Lin.

You are free to use this code as inspiration.

Please do not copy it directly.

Crediting the author is appreciated.

This software can be modified and reused without restriction. The original license must be included with any copies of this software. If a significant portion of the source code is used, please provide a link back to this repository.

Please remove all of my personal information by running pnpm run delete.

Made with 🖤 by @1chooo

← Back to Project