Blog / How to add a Page to your Rails app

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
Loading...

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

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

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

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2021 GoRails, LLC. All rights reserved.