https://github.com/1chooo/portfolio
👨🏻💻 $ ls -al Hugo -- My personal portfolio and blog website built with React, Next.js, Tailwind CSS and TypeScript
https://github.com/1chooo/portfolio
blog nextjs pnpm portfolio react reactjs tailwindcss typescript vercel
Last synced: 4 days ago
JSON representation
👨🏻💻 $ ls -al Hugo -- My personal portfolio and blog website built with React, Next.js, Tailwind CSS and TypeScript
- Host: GitHub
- URL: https://github.com/1chooo/portfolio
- Owner: 1chooo
- License: cc-by-4.0
- Created: 2024-01-06T08:05:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-23T06:15:57.000Z (5 days ago)
- Last Synced: 2025-06-23T06:33:32.096Z (5 days ago)
- Topics: blog, nextjs, pnpm, portfolio, react, reactjs, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://1chooo.com
- Size: 122 MB
- Stars: 266
- Watchers: 2
- Forks: 39
- Open Issues: 96
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# [1chooo.com](https://1chooo.com) · [](https://nextjs.org/) [](https://github.com/1chooo/portfolio/stargazers) [](https://github.com/facebook/react/blob/main/LICENSE) [](https://docs.1chooo.com/contributing)
Welcome to the monorepo of my personal website! 👋
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.
[Contributing Guideline]: https://docs.1chooo.com/contributing
[Pull Requests](https://github.com/1chooo/portfolio/pulls) and [reporting issues](https://github.com/1chooo/portfolio/issues) are welcome 🫵🏻 in our [GitHub repository](https://github.com/1chooo/portfolio)!
## Getting Started
> [!NOTE]
> We choose [`pnpm`](https://pnpm.io/) as our package manager. Make sure you have it installed before running the following commands.
```shell
$ git clone [email protected]:1chooo/1chooo.com.git
$ cd 1chooo.com
$ pnpm install
```
### Run the Web App
```shell
$ 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](https://github.com/codewithsadee) for the excellent [vcard-personal-portfolio](https://github.com/codewithsadee/vcard-personal-portfolio), which served as the foundation for this project.
The project also incorporates and adapts various open-source projects, including:
- [rehype](https://github.com/rehypejs/rehype)
- [remark](https://github.com/remarkjs/remark)
- [Giscus](https://giscus.app/)
- [react-scroll-motion](https://github.com/1000ship/react-scroll-motion)
- [GitHub Calendar](https://github.com/grubersjoe/react-github-calendar)
Additionally, I drew inspiration from several incredible projects, including:
- [nelsonlai.me](https://nelsonlai.me)
- [leerob.com](https://leerob.com)
- [bntw.dev](https://bntw.dev)
- [webtech-note.com](https://webtech-note.com)
- [michaelangelo.io](https://michaelangelo.io)
- [iamsahaj.xyz](https://iamsahaj.xyz)
- [jinrup.dev](https://www.jinrup.dev)
...and many others I can't recall but deeply appreciate.
## Authors
- **Chun-Ho (Hugo) Lin** [Website](https://1chooo.com) | [GitHub](https://github.com/1chooo) | [E-mail](mailto:[email protected])
## Deploy on Vercel
The easiest way to deploy 1chooo.com app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
## License
> [!IMPORTANT]
> This [work](https://github.com/1chooo/portfolio) is licensed under [Creative Commons Attribution 4.0 International][cc-by] 
by [Chun-Ho (Hugo) Lin][1chooo-com].
>
> [cc-by]: http://creativecommons.org/licenses/by/4.0/
>
> 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][1chooo-com]
[1chooo-com]: https://1chooo.com