Set up and Run a SolidStart Application

Daniel Afonso
InstructorDaniel Afonso
Share this video with your friends

Social Share Links

Send Tweet

SolidStart is a SolidJS meta-framework and the recommended approach to start a Solid application.

In this lesson, we will learn how to set up a SolidStart project, run it, and see some of its building blocks.

[00:00] To create a solid start app, let's begin by running PNPM create solid on our console. This will prompt the CLI to create a solid project. First, we need to provide our app with a name. Secondly, we need to tell it that this will be a solid start project, and given that we will configure this project ourselves, let us use the [00:20] bear template. Finally, we want to use TypeScript in this project. Once our project is created, let's move into its directory and run PNPM install. With our dependencies installed, it is now time to run PNPM dev to run our application. Now, if we check localhost 3000, we should see that our SolidStart [00:40] application is running. To wrap up, we can check our code to see that right now we only have, our app component, our Client and Server Entry Points, and our App Config, where we can customize our configurations for Solid Start, VINCI, VIT and Nitro.