From efad2ea462c32238c5ff706764e4baa14a9d2007 Mon Sep 17 00:00:00 2001
From: Presa <124523559+zenWai@users.noreply.github.com>
Date: Fri, 15 Dec 2023 22:43:00 +0100
Subject: [PATCH 1/2] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index d1014b1..c3d6b37 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 ## Next.js App Router
 
+[![Next.js CI](https://github.com/zenWai/nextjs-dashboard/actions/workflows/ci.yml/badge.svg)](https://github.com/zenWai/nextjs-dashboard/actions/workflows/ci.yml)
+
 <ul>
 <li>Created a database in the same region as the application code to reduce latency between server and database.</li>
 <li>Fetched data on the server with React Server Components. This allows to keep expensive data fetches and logic on the server, reduces the client-side JavaScript bundle, and prevents database secrets from being exposed to the client.</li>

From 8681c6fa57301ae7ec1625824f512ece7f660105 Mon Sep 17 00:00:00 2001
From: Presa <124523559+zenWai@users.noreply.github.com>
Date: Fri, 15 Dec 2023 23:02:29 +0100
Subject: [PATCH 2/2] Update README.md

---
 README.md | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index c3d6b37..487eca9 100644
--- a/README.md
+++ b/README.md
@@ -3,10 +3,16 @@
 [![Next.js CI](https://github.com/zenWai/nextjs-dashboard/actions/workflows/ci.yml/badge.svg)](https://github.com/zenWai/nextjs-dashboard/actions/workflows/ci.yml)
 
 <ul>
-<li>Created a database in the same region as the application code to reduce latency between server and database.</li>
-<li>Fetched data on the server with React Server Components. This allows to keep expensive data fetches and logic on the server, reduces the client-side JavaScript bundle, and prevents database secrets from being exposed to the client.</li>
-<li>Used SQL to only fetch required data, reducing the amount of data transferred for each request and the amount of JavaScript needed to transform the data in-memory.</li>
-<li>Parallelize data fetching with JavaScript - where it made sense to do so.</li>
-<li>Implemented Streaming to prevent slow data requests from blocking the page, and to allow the user to start interacting with the UI without waiting for everything to load.</li>
-<li>Move data fetching down to the components that need it, thus isolating which parts of routes should be dynamic in preparation for Partial Prerendering.</li>
+<li><b>Database Setup</b>: Optimized for minimal latency.</li>
+<li><b>Data Fetching</b>: Uses React Server Components for efficient server-side handling, reducing client-side JavaScript and safeguards database secrets.</li>
+<li><b>SQL Utilization</b>: Fetches only necessary data, optimizing data transfer and in-memory processing.</li>
+<li><b>JavaScript Parallelization</b>: For efficient data fetching where applicable.</li>
+<li><b>Streaming Implementation</b>: Improves UI interaction during slow data requests.</li>
+<li><b>Data Fetching Isolation</b>: For effective Partial Prerendering.</li>
+<li><b>Dynamic Dashboard</b>: Implements next/cache.</li>
+<li><b>Search and Pagination</b>: Using URL Search Params and Next.js APIs.</li>
+<li><b>Handling Errors</b>: Catch errors (including 404 errors) and display a fallback to the user. Show form errors using the useFormState hook - while keeping accessibility in mind.</li>
+<li><b>ServerActions</b>: Offers server-side validation and data mutation.</li>
+<li><b>Routes</b>: Enhanced invoice routes with form validation and improved accessibility.</li>
+<li><b>Metadata</b>: Focused on SEO and shareability.</li>
 </ul>