Welcome to the Solid tutorial! In this tutorial, you'll learn Solid by doing.

We'll build an app and explore Solid principles along the way. We'll be building a "bookshelf" that lets you search a library database and add books to a list.

Ryan's Bookshelf

My books (3)

  • Code Complete (Steve McConnell)
  • The Hobbit (J.R.R. Tolkien)
  • Living a Feminist Life (Sarah Ahmed)

What is Solid?

Solid is a JavaScript framework for making interactive web applications. With Solid, you can use your existing HTML and JavaScript knowledge to build components that can be reused throughout your app. Solid provides the tools to enhance your components with reactivity: declarative JavaScript code that links the user interface with the data that it uses and creates.


Before digging into Solid, we recommend you have some experience building websites and a working understanding of HTML, CSS, and JavaScript.

Check out JavaScript for Solid if you need a refresher on JavaScript concepts we frequently use in Solid.

Tell us a little about yourself

Before we get started, we'd like to know a little about you! By telling us your language preference and if you're coming from another framework, we'll be able to tailor this tutorial to match your experience as best we can.

Do you prefer JavaScript or TypeScript?
Are you coming from any of the following frameworks?

Need help?

If you ever need help along the way, don't hesitate to reach out to the Solid team on Discord! Chances are that if something in this tutorial is unclear to you, then it's likely unclear to others as well. By reaching out to us, you'll be helping improve the learning experience of others as well.