Corey Chiu Portfolio Template

This is a portfolio template template created by Corey Chiu.

Features

• Beautifully designed UI using TailwindCSS, MagicUI, and Shadcn/UI
• Responsive layout
• Light/Dark Mode
• Github Calendar/Github Contribution Snake
• Tech Icon Cloud
• Tweet Grid
• Visitor Counter
• Blog Section
• MDX and Markdown support
• RSS Feed
• Web Analytics(Google Analytics, OpenPanel Analytics, Plausible Analytics, etc.)

Tech Stack

• Next.js
• TailwindCSS
• Shadcn/UI
• MagicUI
• Phosphor Icons

Demo

https://coreychiu.com

Configuration

• .env.local - environment variables
• src/config/siteConfig.ts - site config
• src/config/infoConfig.ts - personal info config
• src/config/*.ts - config for each section
• src/content/blog/**.mdx - blog
• public/github-contribution-snake/*.svg - github contribution snake svg file(generated by github action and updated every day)

Run

pnpm install
pnpm dev

Deploy

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/iamcorey/coreychiu-portfolio-template coreychiu-portfolio-template

Then, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).