> Canonical URL: https://codingcat.dev/course/intro-to-solid-js/lesson/deployment

# Deployment | Intro to SolidJS | CodingCat.dev Course

[🧶 Intro to SolidJS](/course/intro-to-solid-js)Section 2.2 · Lesson 3 of 4[![](/logos/tags/solidjs-symbol-light.svg)![](/logos/tags/solidjs-symbol-dark.svg)SolidJS](/topic/solidjs)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)[← Prev Lesson](/course/intro-to-solid-js/lesson/basics)[Next Lesson →](/course/intro-to-solid-js/lesson/solidstart)

# Deployment

![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/665b1faccbc59ea8137ead0aa499cb6e2c7be219-1920x1080.png?w=1920&q=82&fit=max&auto=format)

## 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`.

Copied! 🐾

```
pnpm build
# npm run build
```

### Configure Netlify Deployment

Copied! 🐾

```
echo > netlify.toml
```

Copied! 🐾

```
# 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.

Copied! 🐾

```
echo >> .gitignore
```

Add the following to `.gitignore`.

Copied! 🐾

```
.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:

Copied! 🐾

```
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`.

Copied! 🐾

```
pnpm add -D netlify-cli
pnpm ntl login
```

Initialize the Netlify project with `ntl init`.

Copied! 🐾

```
pnpm ntl init
```

Open [intro-to-solid.netlify.app](https://intro-to-solid.netlify.app/).

✏️ Visual Architecture Diagram

## how this course connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Intro to SolidJS: Deployment✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Intro to SolidJS: Deployment: start with Basics, implement Intro to SolidJS, and ship to production.AAA Contrast Verified

## related deep dives.

[View All→](/blog)[![The Odin Project 6: Modern React 19, State Architecture & TypeScript](https://cdn.sanity.io/images/hfh83o0w/production/638109d3eb8a895902f71dbb25851fa9c1ddbc69-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-modern-react-and-typescript)November 4, 2026[![](/logos/tags/astro-symbol-light.svg)![](/logos/tags/astro-symbol-dark.svg)Astro](/topic/astro)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)

### [The Odin Project 6: Modern React 19, State Architecture & TypeScript](/course/odin-modern-react-and-typescript)

Master React 19 components, strict TypeScript props, derived state vs. useEffect traps, Server Actions, and island hydration in Astro.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 4: JavaScript Deep Dive (Closures, Event Loop, Async & TDD)](https://cdn.sanity.io/images/hfh83o0w/production/be8af9a324ba5ea08256e88406a7de11fbe6af69-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-javascript-deep-dive)November 4, 2026[![](/logos/tags/vite-symbol-light.svg)![](/logos/tags/vite-symbol-dark.svg)Vite](/topic/vite)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [The Odin Project 4: JavaScript Deep Dive (Closures, Event Loop, Async & TDD)](/course/odin-javascript-deep-dive)

Master lexical closures, ES Modules, the V8 Event Loop (microtasks vs. macrotasks), Promise concurrency, and Test-Driven Development with Vitest.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[Course Outline](/course/intro-to-solid-js)

## Intro to SolidJS

3/41

### Getting Started

- [1.1Fundamentals](/course/intro-to-solid-js/lesson/fundamentals)

2

### Basics

- [2.1Solid Basics](/course/intro-to-solid-js/lesson/basics)
- [2.2Deployment▶](/course/intro-to-solid-js/lesson/deployment)

3

### SolidStart

- [3.1SolidStart](/course/intro-to-solid-js/lesson/solidstart)

@CodingCatDev on YouTube62.5K / 100K

Subscribe for new course lessons and architecture deep dives every week.

[Subscribe for New Lessons →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)