feat: meta tags

README.md

@@ -1,8 +1,6 @@
 # URL shortener
 
-<p align="center">
-<img width="600" alt="image" src="https://user-images.githubusercontent.com/27580836/227785266-40a0bb04-0f19-4f3e-9831-b74464848d99.png">
-</p>
+<img width="1200" alt="image" src="https://user-images.githubusercontent.com/27580836/227800665-4ff7e2ae-8189-4593-8961-496b7c9ac861.png">
 
 # Features
 - [x] Create link model (make sure to create a index for the slug and click counter)

app/views/layouts/application.html.erb

@@ -5,8 +5,20 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Url shortener</title>
-    <meta name="description" content="Tailwind + Stimulus + Rails 6 app">
+
+    <title>URL Shortener</title>
+    <meta name="description" content="Tailwind + Stimulus + Rails 5 app">
+    <meta name="keywords" content="url-shortener, shortener, url">
+
+    <meta property="og:title" content="URL Shortener">
+    <meta property="og:type" content="website">
+
+    <meta property="og:url" content="https://url-shortener.sjdonado.de">
+    <meta property="og:site_name" content="URL Shortener">
+    <meta property="og:description" content="Tailwind + Stimulus + Rails 5 app">
+
+    <meta property="og:image" content="https://user-images.githubusercontent.com/27580836/227800665-4ff7e2ae-8189-4593-8961-496b7c9ac861.png">
+    <meta property="og:image:alt" content="URL Shortener screenshot">
 
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>

app/views/links/_form.html.erb

@@ -1,7 +1,7 @@
 <%= form_with model: Link.new, url: links_path(@link), data: { action: 'ajax:success->links#onCreateLinkSuccess ajax:error->links#onCreateLinkError' } do |f| %>
 	<div class="col-span-3 sm:col-span-2">
 		<label for="company_website" class="text-lg leading-6 font-medium text-gray-900">
-			Shorten an url
+      URL Shortener
 		</label>
 		<div class="mt-4 flex rounded-md shadow-sm">
       <%= f.text_field :url, pattern: '(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([a-zA-Z0-9-]+\.[a-zA-Z]{2,}(?:\.[a-zA-Z]{2,})?)(?:\/[^\s]*)?', data: { target: "links.url" }, placeholder: "https://google.com", class: "focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-md sm:text-sm border-gray-300" %>
@@ -9,6 +9,6 @@
 	</div>
 
 	<div class="py-3 text-right">
-		<%= f.submit "Generate", class: "inline-flex w-full sm:w-auto justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
+		<%= f.submit "Shorten", class: "inline-flex w-full sm:w-auto justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
 	</div>
 <% end %>

app/views/links/_show.html.erb

@@ -11,7 +11,7 @@
       </div>
       <div class="bg-white px-4 py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
         <dt class="text-sm font-medium text-gray-500">
-					Shortened url
+					Shortened URL
         </dt>
         <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
           <button data-action="click->links#openLink" class="mt-1 text-sm text-gray-600 underline"><%= short_url(slug: link.slug) %></button>
@@ -35,4 +35,4 @@
       </div>
     </dl>
   </div>
-</div>
+</div>

config/environments/production.rb

@@ -29,7 +29,7 @@ Rails.application.configure do
   # config.assets.css_compressor = :sass
 
   # Do not fallback to assets pipeline if a precompiled asset is missed.
-  config.assets.compile = false
+  config.assets.compile = true
 
   # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb