Deployment - lesson 2 | HackIndia Skills

Deployment - lesson 2 | HackIndia Skills | HackIndia

Example

Package scripts

For a Vite React app, your scripts may look like this. The build creates the production files. The preview command lets you test them locally.

{
  "scripts": {
    "dev": "vite --host 0.0.0.0",
    "build": "vite build",
    "preview": "vite preview --host 0.0.0.0"
  }
}

Your to-do

Test it locally

Do each one yourself, then tap it to tick it off. The ticks are only a checklist for you: they are not marked or scored.

Stop the dev server if it is running.
Run the build command from the project root.
Fix every error shown in the terminal.
Run the preview command after a successful build.
Open the preview URL and test the main user flow.

0 of 5 done

npm run build
npm run preview

Tip

Ask AI carefully

Paste your build error into ChatGPT, Gemini, or Claude and ask for the smallest fix. Also paste your package.json if the error is about scripts or dependencies.

Check the answer before applying it. Make sure it does not remove important code, downgrade random packages, or add secrets into files.

Prompt:
My npm run build fails for this Vite React app. Give the smallest safe fix.
Here is the terminal error:
[paste error]
Here is package.json:
[paste package.json]

Prepare a production build

Build before deploy

Dev is forgiving

Find your build command

Package scripts

Test it locally

Do not deploy junk

Ask AI carefully

Do this now

Quick check