From 90fcf55666fcd3d2b1798fbf97b4ed603473da84 Mon Sep 17 00:00:00 2001
From: Luis Alvarez D <luis@vercel.com>
Date: Wed, 20 Oct 2021 08:41:59 -0500
Subject: [PATCH] Fix restcountries API (#53)

---
 seo/demo/pages/index.js | 10 +++++++---
 seo/pages/index.js      | 12 ++++++++----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/seo/demo/pages/index.js b/seo/demo/pages/index.js
index 1d2a018..eead3c1 100644
--- a/seo/demo/pages/index.js
+++ b/seo/demo/pages/index.js
@@ -74,7 +74,7 @@ export default function Start({ countries }) {
 
           <ul className={styles.countries}>
             {results.map((country) => (
-              <li key={country.alpha2Code} className={styles.country}>
+              <li key={country.cca2} className={styles.country}>
                 <p>
                   {country.name} - {country.population.toLocaleString()}
                 </p>
@@ -113,12 +113,16 @@ export default function Start({ countries }) {
 }
 
 export async function getServerSideProps() {
-  const response = await fetch("https://restcountries.eu/rest/v2/all")
+  const response = await fetch("https://restcountries.com/v3.1/all")
   const countries = await response.json()
 
   return {
     props: {
-      countries
+      countries: countries.map((country) => ({
+        name: country.name.common,
+        cca2: country.cca2,
+        population: country.population,
+      })),
     }
   }
 }
diff --git a/seo/pages/index.js b/seo/pages/index.js
index fdb821b..c9dfc0e 100644
--- a/seo/pages/index.js
+++ b/seo/pages/index.js
@@ -63,7 +63,7 @@ export default function Start({ countries }) {
 
           <ul className={styles.countries}>
             {results.map((country) => (
-              <li key={country.alpha2Code} className={styles.country}>
+              <li key={country.cca2} className={styles.country}>
                 <p>
                   {country.name} - {country.population.toLocaleString()}
                 </p>
@@ -100,12 +100,16 @@ export default function Start({ countries }) {
 }
 
 export async function getServerSideProps() {
-  const response = await fetch('https://restcountries.eu/rest/v2/all');
+  const response = await fetch('https://restcountries.com/v3.1/all');
   const countries = await response.json();
 
   return {
     props: {
-      countries,
+      countries: countries.map((country) => ({
+        name: country.name.common,
+        cca2: country.cca2,
+        population: country.population,
+      })),
     },
   };
-}
+}
\ No newline at end of file