How to add a Page to your Rails app

Blair Rorani

February 23, 2021

⚠️ This is how to add a page without any interaction with the model.

Create a route 🛤️

  1. Go to config > routes.rb file
  2. In the Rails.application.routes.draw method, enter a route using the syntax: [request type] "[URL]", to: "[controller]#[action]"

Create a controller 👨‍✈️

  1. Go to app > controllers folder
  2. Create a file named [route]_controller.rb, e.g. about_controller.rb
  3. Create a class named [Route]Controller and inherit from ApplicationController
  4. Define a method named [action from routes.rb], e.g. index

Create a view 🏞️

  1. Go to app > views folder
  2. Create a folder named [route]
  3. In that folder create a file named [action.html.erb]
  4. Add HTML (and ERB)

View new page 👀

  1. Go to http://localhost:3000/about
  2. You’ll see the new page

  3. Open Web Inspector
    👀 You’ll see the request from the browser and the response from the server for the GET request to the /about URL.

  4. View the page’s source code
    👀 You’ll see the content that Rails added code from app > views > layouts > application.html.erb and inserted the code from index.html.erb inside the <%= yield => ERB tag.
    Source code

application.html.erb with <%= yield => ERB tag

P.S. You might enjoy following me on Twitter.


Comments

Want to stay up-to-date with Ruby on Rails?

Join 79,047+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    Screencast tutorials to help you learn Ruby on Rails, Javascript, Hotwire, Turbo, Stimulus.js, PostgreSQL, MySQL, Ubuntu, and more.

    © 2023 GoRails, LLC. All rights reserved.