Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/y2k-web/llms.txt

Use this file to discover all available pages before exploring further.

y2k-web is a Vite + React project. The repository already ships with pre-built assets committed directly — assets/main.js, assets/main.css, and the component chunks in components/ — so you can deploy the repo as-is without running a build step. If you have made source changes and need to regenerate those assets, this guide walks through the full build and preview workflow.
If you have not modified any source files, skip straight to the Deploying guide. The pre-built assets in the repository are ready to serve immediately.
1

Install dependencies

If you haven’t already installed the project’s Node dependencies, do so now:
npm install
2

Run the production build

Compile and bundle the project for production:
npm run build
Vite will tree-shake and minify React, Tailwind CSS, and Framer Motion into dist/assets/main.js and dist/assets/main.css. It also copies index.html, the pages/ directory (static HTML pages), and the components/ directory into dist/ so the entire site is self-contained.
3

Preview the production build locally

Before deploying, serve the dist/ folder locally to catch any issues:
npm run preview
This starts Vite’s preview server at http://localhost:4173, serving exactly the files that will be deployed — no dev-mode transforms applied.
4

Verify all routes

While the preview server is running, navigate to each hash route to confirm the SPA is functioning correctly:If all routes render without errors, the build is ready to deploy.

​
Build output

After npm run build completes, the dist/ directory will contain the following structure: 
dist/
├── index.html
├── .nojekyll
├── pages/
│   ├── About.html
│   ├── Blog.html
│   ├── CaseStudies.html
│   ├── Contact.html
│   ├── Projects.html
│   ├── Testimonials.html
│   └── Work.html
├── assets/
│   ├── main.js
│   └── main.css
└── components/
    ├── Primitives.js
    └── Guestbook.js
The pages/ directory contains seven static HTML stubs — one for each named page — that each bootstrap the SPA and redirect the hash router to the correct route. The components/ directory holds Primitives.js and Guestbook.js, which are referenced by <link rel="modulepreload"> in every page stub for faster load times.
To inspect your bundle and identify what is taking up the most space, install vite-bundle-visualizer and run npx vite-bundle-visualizer after building to get an interactive treemap of every module in the bundle.

Build docs developers (and LLMs) love

Get started for freeTalk to us