custom error pages (404, 500)

corsego · Mar 8, 2023 · b6bebd7 · b6bebd7
1 parent 95fef3d
commit b6bebd7
Show file tree

Hide file tree

Showing 11 changed files with 45 additions and 134 deletions.
diff --git a/app/assets/images/404.png b/app/assets/images/404.png
diff --git a/app/assets/images/500.png b/app/assets/images/500.png
diff --git a/app/controllers/errors_controller.rb b/app/controllers/errors_controller.rb
@@ -0,0 +1,9 @@
+class ErrorsController < ActionController::Base
+  def internal_server_error
+    render status: 500
+  end
+
+  def not_found
+    render status: 404
+  end
+end
diff --git a/app/views/errors/internal_server_error.html.erb b/app/views/errors/internal_server_error.html.erb
@@ -0,0 +1,6 @@
+<div class='text-center'>
+  <h1 class="font-bold text-4xl"><%= response.status %> <%= action_name.humanize %></h1>
+  <p>Something went wrong</p>
+  <%= link_to 'Go to homepage', root_url, class: 'text-blue-500' %>
+  <%= image_tag "#{response.status}.png" %>
+</div>
diff --git a/app/views/errors/not_found.html.erb b/app/views/errors/not_found.html.erb
@@ -0,0 +1,6 @@
+<div class='text-center'>
+  <h1 class="font-bold text-4xl"><%= response.status %> <%= action_name.humanize %></h1>
+  <p>This page does not exist</p>
+  <%= link_to 'Go to homepage', root_url, class: 'text-blue-500' %>
+  <%= image_tag "#{response.status}.png" %>
+</div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -13,7 +13,9 @@
 
   <body>
     <main class="container mx-auto mt-28 px-5 flex">
+      header
       <%= yield %>
+      footer
     </main>
   </body>
 </html>
diff --git a/app/views/layouts/errors.html.erb b/app/views/layouts/errors.html.erb
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CustomErrorPages</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
+
+    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+  </head>
+
+  <body>
+    <main class="grid h-screen place-items-center">
+      <%= yield %>
+  </body>
+</html>
diff --git a/config/application.rb b/config/application.rb
@@ -10,7 +10,7 @@ module CustomErrorPages
   class Application < Rails::Application
     # Initialize configuration defaults for originally generated Rails version.
     config.load_defaults 7.0
-
+    config.exception_app = self.routes
     # Configuration for the application, engines, and railties goes here.
     #
     # These settings can be overridden in specific environments using the files

diff --git a/config/routes.rb b/config/routes.rb
@@ -1,4 +1,7 @@
 Rails.application.routes.draw do
+  match '/404', via: :all, to: 'errors#not_found'
+  match '/500', via: :all, to: 'errors#internal_server_error'
+
   root 'statis#index'
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
 

diff --git a/public/404.html b/public/404.html
diff --git a/public/500.html b/public/500.html