Deployment

Deployment

You can deploy the dist folder to any static hosting provider. To see what this dist folder contains, run the vite build command with pnpm or npm.

pnpm build
# npm run build

Configure Netlify Deployment

echo > netlify.toml

# netlify.toml

[build]
  command = "npm run build"
  publish = "dist"

Create GitHub Repository

Before initializing a git repo and pushing it to GitHub, create a .gitignore file.

echo >> .gitignore

Add the following to .gitignore.

.DS_Store
node_modules
dist

After staging and committing your project you can create a GitHub repository through the website's dashboard, with a desktop GUI, or with the GitHub CLI commands detailed below:

git init
git add .
git commit -m "solid"
gh repo create intro-to-solid \
  --description="An example SolidJS application deployed on Netlify" \
  --public \
  --push \
  --source=. \
  --remote=upstream

Deploy with Netlify CLI

Add the netlify-cli as a package and login to your Netlify account with ntl login.

pnpm add -D netlify-cli
pnpm ntl login

Initialize the Netlify project with ntl init.

pnpm ntl init

Open intro-to-solid.netlify.app.