Web

1chooo.com

Hugo Lin
Hugo Lin
3 min read

... views

Demo1chooo/portfolioDocs

1chooo.com1chooo.com

Overview

👨🏻‍💻 $ 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.

Stack

Next.jsReactTypeScriptShadcn UI Google AnalyticsSupabaseVitestfile_type_light_pnpmpnpmTailwind CSSTurborepo

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

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.

  1. You are free to use this code as inspiration.
  2. Please do not copy it directly.
  3. 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

Comments