I don't know which tool
Don’t worry. We’ll find the right folder just by looking, with no prior knowledge needed.
Step 1: Look for an index.html
Section titled “Step 1: Look for an index.html”Open the folder you were given and check whether it contains an index.html file right inside it.
- Yes → that’s your folder, upload it. (A ready-made website)
- No, but there’s a
dist,build, oroutsub-folder → open it: if it contains anindex.html, that’s the one. Upload that sub-folder. - No, and none of those folders → the site hasn’t been built yet. Go to Step 2.
Step 2: Read the package.json
Section titled “Step 2: Read the package.json”If there’s a package.json file, open it with any text editor (Notepad, TextEdit). Find the "scripts" section:
"scripts": { "build": "vite build"}The word after build tells you the tool, and therefore the output folder:
| If you see… | Tool | Folder it makes |
|---|---|---|
vite build | Vite | dist |
react-scripts build | Create React App | build |
next build | Next.js | out (with static export) |
astro build | Astro | dist |
Then follow the matching guide in the left menu. In every case, the command is:
npm installnpm run buildStep 3: Just ask (the magic sentence)
Section titled “Step 3: Just ask (the magic sentence)”If someone built the site for you, send them exactly this:
“Could you give me the build folder ready to host (the one with
index.htmlright inside it, usuallydist,build, orout), not the source code? I’m hosting it myself on Bailey.”
Anyone technical will get it on the first read.