If I click on the link, I go to page two, and the request type is fetch. Notice that I'm not applying any filter, so we'll see all resources that are being loaded. Open the dev tools panel with the network tab active. Remove all except container, and now add P-5, which will add padding around the container. Open the application layout, and you can see some Tailwind classes in the main tack. This is because by default, Rivian rails uses a general Tailwind CSS container with Flexbox. Switch to the browser, unload local host port 3000, and the PET-1 path. This will start the Rivian rail server and the Tailwind CSS compiler, which will generate the final CSS after scanning the template. Open the terminal and start the server with bin dev. Below other paragraph also with random text and below at the link, go back to page one with a page one path.

So this page looks sufficiently different from the other one. The title will be page two, below it displayed image. Then download this image from the repository branch of this video and place it here. Write a title that says page one below a paragraph, and use the lorem ipsum generator of Visual Studio Code to generate random text. Create a directory for the application controller, and now create the page one template. Another empty method for page one and another for page two. Copy and paste the path and adapt it for page two. We'll use the application controller page one action. Open the routes file and add one for page one.

It then fetches the server's response, merges the head of the page, and replaces the body.

It works by intercepting links and form submissions so that instead of making a new request, it changes it to a fetch request. Turbo Drive improves navigation between pages.

Download turbo studio tutorial