Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions public/assets/northflank.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/llms.txt
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@
- [Vercel](https://docs.solidjs.com/guides/deployment-options/vercel)
- [Stormkit](https://docs.solidjs.com/guides/deployment-options/stormkit)
- [Zerops](https://docs.solidjs.com/guides/deployment-options/zerops)
- [Northflank](https://docs.solidjs.com/guides/deployment-options/northflank)
- [Environment variables](https://docs.solidjs.com/configuration/environment-variables)
- [TypeScript](https://docs.solidjs.com/configuration/typescript)
- [createEffect](https://docs.solidjs.com/reference/basic-reactivity/create-effect)
Expand Down
6 changes: 6 additions & 0 deletions src/routes/guides/deploying-your-app.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -70,4 +70,10 @@ Are you ready to deploy your Solid application? Follow our guides for different
href="/guides/deployment-options/zerops"
logo="zerops"
/>

<ImageLinks
title="Northflank"
href="/guides/deployment-options/northflank"
logo="northflank"
/>
</div>
3 changes: 2 additions & 1 deletion src/routes/guides/deployment-options/data.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"railway.mdx",
"vercel.mdx",
"stormkit.mdx",
"zerops.mdx"
"zerops.mdx",
"northflank.mdx"
]
}
74 changes: 74 additions & 0 deletions src/routes/guides/deployment-options/northflank.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
---
title: Northflank
order: 7
mainNavExclude: true
use_cases: >-
web app deployment, cloud hosting, github deployment, production hosting,
quick deployment
tags:
- northflank
- docker
- deployment
- hosting
- cloud
- github
version: "1.0"
description: >-
Deploy SolidStart apps to Northflank using Docker or Heroku buildpacks.
---

[Northflank](https://northflank.com) is a full-stack platform for deploying applications, containers, jobs, and managed databases, complete with built-in CI/CD and automated cloud infrastructure.
For a full overview of available features and deployment methods, you can refer to their [documentation](https://northflank.com/docs).

## Prerequisites

Before you begin, create a [Northflank account](https://app.northflank.com/signup) and [link your git provider](https://northflank.com/docs/v1/application/getting-started/link-your-git-account).

## Step 1: Pick a build method
Northflank supports two deployment options for SolidJS applications:

- **Dockerfile:** Full control over build/runtime.
- **Buildpack:** Simplified Node.js deployment. Ensure your `package.json` includes a proper `start` script.

## Step 2: Create a project
- In your Northflank dashboard, click `Create new` → `Project`.
- Give your project a name (e.g., solidjs-project) and optionally choose a color for easy identification.
- Select your deployment target: Northflank Cloud (managed infrastructure) or Bring Your Own Cloud (connect AWS, GCP, Azure, or on-prem resources).
- Pick a region close to your users to minimize latency.
- Click `Create project` to finalize.

## Step 3: Deploy your app
In your project, navigate to the `Services` tab in the top menu and click `Create New Service`. Select Combined and name your service, for example, `solid-app`.
For the Repository, link to your app repository.

<img src="https://assets.northflank.com/Screenshot_2025_12_01_at_12_23_18_5947c7fdae.png" alt="create-service-name" />

**Select Build Option:**

Choose Dockerfile/Buildpack for deployment.

<img src="https://assets.northflank.com/Screenshot_2025_12_01_at_12_43_52_ebc40592e8.png" alt="create-service-build" />

**Select compute resources:**

Choose the compute size that best matches your workload:
- Small plans are fine for lightweight usage.
- Larger plans are recommended for heavy usage.

> Note: You can adjust resources later, so you can start small and scale as needed.

<img src="https://assets.northflank.com/Screenshot_2025_12_01_at_12_38_24_8d4c7c12b5.png" alt="create-service-compute" />


**Set up a port so your app is accessible:**
- Port: 8080
- Protocol: HTTP
- Public access: enable this to let people access your app from the internet

Northflank will automatically generate a secure, unique public URL for your service.

<img src="https://assets.northflank.com/Screenshot_2025_12_01_at_12_42_00_f619f86192.png" alt="create-service-port" />

Click `Create service` to deploy your app.

Once successful, you’ll see the public URL in the top right corner. e.g.: `p01--solid-app--lppg6t2b6kzf.code.run`
1 change: 1 addition & 0 deletions src/ui/image-links.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ export const logos: { [key: string]: { file: string; style?: string } } = {
railway: { file: "railway.svg" },
vercel: { file: "vercel.svg" },
zerops: { file: "zerops.svg" },
northflank: { file: "northflank.svg" },
sass: { file: "sass.svg" },
less: { file: "less.svg" },
cssmodules: { file: "css-modules.svg", style: "invert" },
Expand Down