Routing Techniques in SolidJS

1h 21mIntermediate2025-03-18

Authors

Fikayo Adepoju

Technical Writer | Software Developer

Course details

This hands-on course guides you through the process of setting up and implementing routing in SolidJS applications. Instructor Fikayo Adepoju explains how to implement basic routing, lazy loading of routes, dynamic navigation, and route parameters. Learn to use config-based routing, which allows more flexibility for developers to define routes. Check out this course to learn the techniques to design navigation for your SolidJS production applications.

Learning objectives
Install and set up the SolidJS Router.
Implement routing for multiple pages/components.
Lazy load routes for performance.
Create layouts with nested routes.
Use config-based routing for SolidS apps.

Skills covered

Web Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

Concepts

0. Introduction

01 - Route like a pro with SolidJS
02 - What you need to know

1. Installation and Setup

03 - Introducing the SolidJS router
04 - Features of the SolidJS router
05 - Installing the SolidJS router
06 - Adding your first route

2. Adding and Managing Routes

07 - Adding multiple routes
08 - Using route links
09 - Detecting active links with activeClass
10 - Lazy-loading routes

3. Dynamic Routing

11 - Dynamic navigation with Navigate
12 - Dynamic navigation with useNavigate
13 - Using route parameters
14 - Using optional route parameters
15 - Declaring multiple routes

4. Nesting Routes and Layouts

16 - How nested routing works
17 - Using nested routes
18 - Creating a page layout

5. Config-Based Routing

19 - How config-based routing works
20 - Configuring multiple routes
21 - Configuring route parameters
22 - Nested routes in config-based routing

Conclusion

23 - Next steps