cycai0312 / aboutme

中文

DEMO

You can view demo here, which is deployed on Cloudflare Pages. Alternatively, you can build this project locally to obtain the static files and deploy them to any static server of your choice.

Project Overview

This project is a pure front-end website based on the Next.js framework, designed to showcase and introduce personal information. The website's style and structure are based on the Figma public template Supa Resume.
The website already includes icons for some social media and office tools, and you do not need to manually specify them as the project will automatically search for the corresponding icon based on its name.


Now there is a feature dark mode, with a one-click toggle in the top right corner.

display a popvover of QR code on mouse hover.

Getting Started

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

then visit, http://localhost:3000/en

Installation and Deployment

You can generate a pure static page by running npm run build, which can be deployed on various static servers.

npm run build
# or
yarn build
# or
pnpm build

Configuration and Usage

Before using the project, you need to modify the JSON file under the app/api/mockinfo/ directory to personalize the settings according to your own information. You can also contact me to add new company or tool icons.

The website currently only supports English content display, but Chinese content display will be added later. You can also try to modify the zh page based on the en page.