./bin/rails importmap:install

app/views/articles/_article.html.erb

@@ -0,0 +1,15 @@
+<div id="<%= dom_id article %>" class="scaffold_record">
+  <p>
+    <strong>Title:</strong>
+    <%= article.title %>
+  </p>
+
+  <p>
+    <strong>Text:</strong>
+    <%= article.text %>
+  </p>
+
+  <p>
+    <%= link_to "Show this article", article %>
+  </p>
+</div>

app/views/articles/_article.json.jbuilder

@@ -0,0 +1,2 @@
+json.extract! article, :id, :title, :text, :created_at, :updated_at
+json.url article_url(article, format: :json)

app/views/articles/_form.html.erb

@@ -0,0 +1,27 @@
+<%= form_with(model: article) do |form| %>
+  <% if article.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(article.errors.count, "error") %> prohibited this article from being saved:</h2>
+
+      <ul>
+        <% article.errors.each do |error| %>
+          <li><%= error.full_message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="field">
+    <%= form.label :title %>
+    <%= form.text_field :title %>
+  </div>
+
+  <div class="field">
+    <%= form.label :text %>
+    <%= form.text_area :text %>
+  </div>
+
+  <div class="actions">
+    <%= form.submit %>
+  </div>
+<% end %>

app/views/articles/edit.html.erb

@@ -0,0 +1,10 @@
+<h1>Editing article</h1>
+
+<%= render "form", article: @article %>
+
+<br>
+
+<div>
+  <%= link_to "Show this article", @article %> |
+  <%= link_to "Back to articles", articles_path %>
+</div>

app/views/articles/index.html.erb

@@ -0,0 +1,9 @@
+<p id="notice"><%= notice %></p>
+
+<h1>Article</h1>
+
+<div id="articles">
+  <%= render @articles %>
+</div>
+
+<%= link_to "New article", new_article_path %>

app/views/articles/index.json.jbuilder

@@ -0,0 +1 @@
+json.array! @articles, partial: "articles/article", as: :article

app/views/articles/new.html.erb

@@ -0,0 +1,9 @@
+<h1>New article</h1>
+
+<%= render "form", article: @article %>
+
+<br>
+
+<div>
+  <%= link_to "Back to articles", articles_path %>
+</div>

app/views/articles/show.html.erb

@@ -0,0 +1,10 @@
+<p id="notice"><%= notice %></p>
+
+<%= render @article %>
+
+<div>
+  <%= link_to "Edit this article", edit_article_path(@article) %> |
+  <%= link_to "Back to articles", articles_path %>
+
+  <%= button_to "Destroy this article", article_path(@article), method: :delete %>
+</div>

app/views/articles/show.json.jbuilder

@@ -0,0 +1 @@
+json.partial! "articles/article", article: @article