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.
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.
Run the development server:
npm run dev
# or
yarn dev
# or
pnpm devthen visit, http://localhost:3000/en
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 buildBefore 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.