Welcome to the source code for my personal website, built with Next.js and Tailwind CSS. This site serves as my digital CV and portfolio, highlighting my projects, technical skills, and professional experiences.
🔗 Live Site: www.richardqiu.me
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- Type Checking: TypeScript
- Package Management: npm
- Deployment: Vercel
- Version Control: Git & GitHub
.
├── app/
│ ├── about/
│ │ ├── layout.tsx # Layout wrapper for the About page
│ │ └── page.tsx # Main About page composed of multiple components
│ ├── api/
│ │ └── route.tsx # API route (for backend logic)
│ └── components/
│ └── ... # render components for /about folder
| ├── data/ # Static content and JSON data for easy updates
| ├── utils/ # Utility/helper functions
| ├── error.tsx # Error boundary or fallback UI
| ├── layout.tsx # Global layout (optional)
| ├── page.tsx # Welcom page and entry point
├── public/ # Static assets (images, favicon, etc.)
├── styles/ # Global and component-specific styles
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
├── package.json # Project metadata and dependencies
└── ...
To run this project locally:
-
Clone the repository:
git clone https://github.com/rruiqiu/CV.git cd CV -
Install dependencies:
npm install -
Start the development server:
npm run dev -
Open http://localhost:3000 in your browser to view the site.
- Responsive Design: Optimized for desktops, tablets, and mobile devices.
- Dynamic Content: Easily update your projects, experiences, and skills.
- SEO Friendly: Structured metadata for better search engine visibility.
- Fast Performance: Leveraging Next.js features for optimal loading times.
This project is open-source and available under the MIT License. This can be a great template to build your CV!