Deploying your AppEdit this page
Are you ready to deploy your Solid application? Follow our guides for different deployment services.
AWS via Flightcontrol
Connecting to a git repository
Flightcontrol offers a GitHub integration, leveraging its continuous development actions.
To get started with Flightcontrol's GitHub integration, you'll first need to log in or sign up to the Flightcontrol platform. After you're logged in, simply link your GitHub account to Flightcontrol.
Once connected, Flightcontrol will take care of the rest.
It automatically detects any new pushes to your specified GitHub branches and builds your project.
The build process uses the commands in your
package.json file and adheres to the settings that you have configured in Flightcontrol.
No additional setup is needed.
Using the dashboard
In the Flightcontrol dashboard, create a new project and select the repository you wish to use as the source.
Choose the GUI as your configuration type.
Add your Solid site as a static site by clicking the "Add a Static Site" option.
Label your output directory as
If your project requires environment variables, add them in the designated area:
- Finally, connect your AWS account to complete the setup.
Navigate to your Flightcontrol dashboard and initiate a new project. Choose the repository you'd like to use as the source.
Opt for the
flightcontrol.jsonas your configuration type.
- Add a new file named
flightcontrol.jsonat the root of your selected repository. Below is an example configuration:
Using the Cloudflare's web interface
- Navigate to the Cloudflare login page and log in or sign up.
- After logging in, find "Pages" in the left-hand navigation bar. Add a new project by clicking "Create a project," then choose "Connect to Git."
- You'll have the option to install Cloudflare Pages on all your repositories or select ones. Choose the repository that contains your Solid project.
- Configure your build settings:
- The project name will default to the repository name, but you can change it if you wish.
- In the "build command" field, enter
npm run build.
- For the "build output directory" field, use
- Add an environment variable
NODE_VERSIONand set its value to the version of Node.js you're using.
Note: This step is crucial because Cloudflare Pages uses a version of Node.js older than v13, which may not fully support Vite, the bundler used in Solid projects.
- Once you've configured the settings, click "Save and Deploy."
In a few minutes, your Solid project will be live on Cloudflare Pages, accessible via a URL formatted as
Using the Wrangler CLI
Wrangler is a command-line tool for building Cloudflare Workers. Here are the steps to deploy your Solid project using Wrangler.
- Use your package manager of choice to install the Wrangler command-line tool:
- Open your terminal and run the following command to log in:
- Execute the following commands to build your project and deploy it using Wrangler:
After running these commands, your project should be live.
While the terminal may provide a link, it's more reliable to check your Cloudflare Pages dashboard for the deployed URL, which usually follows the format
Make sure to navigate to the
Optimization settings section in your Cloudflare website dashboard and disable the
Auto Minify option.
This is important as minification and comment removal can interfere with hydration.
Firebase is an all-in-one app development platform by Google, offering a range of services from real-time databases to user authentication. For a detailed overview of the services available, you can visit Firebase's documentation.
Before proceeding, make sure you've already set up a project in your Firebase console. If you haven't, you can follow Firebase's official guide to create a new Firebase project.
Using the Firebase CLI Tool
- Use your preferred package manager to install the Firebase command-line tool with one of the following commands:
firebase logincommand to ensure that you're logged into the Firebase account associated with your project.
In the root directory of your Solid project, create two new files:
firebase.json, add the following code:
.firebaserc, insert the following code (replace
<YOUR_FIREBASE_PROJECT_ID>with your Firebase project ID):
npm run build, followed by
firebase deployto build and deploy your project.
Upon completion, a
Hosting URL will be displayed, indicating the live deployment of your project.
Netlify is a widely-used hosting platform suitable for various types of projects. For detailed guidance on build procedures, deployment options, and the range of features available, you can visit the Netlify documentation.
Using the Netlify Web Interface
- Begin by navigating to Netlify's website and logging in or creating a new Netlify.
Once logged in, you will be take to your dashboard. Click the
New site from Gitbutton to start a new project.
- On the following page, choose "Connect to GitHub" or your preferred Git repository hosting service.
- After selecting your Solid project repository, you'll be directed to a configuration screen.
Update the "Publish directory" field from
dist. Then, click "Deploy" to start the deployment process.
- Once the build and deployment are complete, you will be taken to a screen that displays the URL of your live site.
Using the Netlify CLI
- Install the Netlify CLI using your preferred package manager:
Note: Before proceeding, ensure that your Netlify account and team are fully set up. This is crucial for a seamless project setup and deployment.
Open your terminal, navigate to your project directory, and run the
netlify initcommand. Authenticate using one of the supported login options.
Follow the on-screen instructions from the CLI. When prompted for the 'Directory to deploy,' specify
dist— this is where Solid stores the built project files.
After completing the process, your project will be deployed on Netlify and can be accessed via the provided URL.
Railway is a well-known platform for deploying a variety of web and cloud-based projects. For an in-depth look at the features offered by Railway, as well as detailed deployment guidelines, you can consult the Railway documentation.
Adjust the Start command
To begin, you need to update the start command in your
package.json file to make it compatible with Railway.
Change the start command to
npx http-server ./dist instead of using
This adjustment means you will need to build the app to generate the
For local development, continue using the original
Reserve the modified start command specifically for Railway deployments.
Below is an example of how your
package.json may be configured:
Using the Railway Web Interface
- Visit Railway's homepage and click "Start a New Project." You will be redirected to connect with GitHub. Log in or create an account using your GitHub credentials and authorize Railway to access your account.
- After authorization, choose the repository that has your Solid project. During this step, you can also add any required environment variables.
- Once your project is configured, click "Deploy Now." After a successful deployment, a confirmation screen will appear.
- Railway does not automatically assign a domain to your project. To do this, go to the settings and manually generate a domain for your deployed project.
Once a domain has been generated, your Solid project should be live.
Using the Railway CLI
- Using your preferred package manager and install the Railway CLI:
- Open your terminal and run the following command to log in:
You have the option to link your local Solid project to an existing Railway project using railway link. Alternatively, you can create a new project with
railway initand follow the on-screen prompts.
To deploy your project to Railway, use the following command:
Your project will now be live on Railway.
Vercel is a widely-used platform specialized in hosting frontend projects. For detailed information regarding build and deployment instructions, as well as features they offer, please visit the Vercel documentation.
Using Vercel Web Interface
- Navigate to vercel.com/login to log in or create a new account. Connect with your preferred Git repository hosting service.
- Once on the dashboard, click the button at the top right corner and choose "Add New Project." On the next page, select "Continue with GitHub" or your preferred Git service.
You will then see with a list of your repositories. Use the search bar if needed to find the specific repository you want to deploy. Click the "Import" button to proceed.
After importing your Solid project repository, you will be taken to a configuration screen. If your project requires any environment variables, add them in the designated field. Click "Deploy" to start the deployment process.
- Once the build and deployment are finished, you will be redirected to a screen that displays a screenshot of your live site.
Using the Vercel CLI
- Install the Vercel CLI using your preferred package manager.
- Open your terminal, navigate to your project directory, and run the following command to log in:
- Follow the on-screen instructions from the CLI to finalize the deployment. Once completed, your project will be live on Vercel and accessible via the provided URL.