From 5bc2d374ea706d3ad920a8568097e3dd6e30f568 Mon Sep 17 00:00:00 2001 From: colbyfayock Date: Wed, 5 Aug 2020 20:22:11 -0400 Subject: [PATCH] Step 3: adding video items to the page --- pages/index.js | 53 ++++++++++++++---------------------------- styles/Home.module.css | 10 +++++++- 2 files changed, 26 insertions(+), 37 deletions(-) diff --git a/pages/index.js b/pages/index.js index f6290b4..0d98758 100644 --- a/pages/index.js +++ b/pages/index.js @@ -14,7 +14,6 @@ export async function getServerSideProps() { } export default function Home({ data }) { - console.log('data', data); return (
@@ -24,43 +23,25 @@ export default function Home({ data }) {

- Welcome to Next.js! + My Talks

-

- Get started by editing{' '} - pages/index.js -

- -
- -

Documentation →

-

Find in-depth information about Next.js features and API.

- - - -

Learn →

-

Learn about Next.js in an interactive course with quizzes!

- - - -

Examples →

-

Discover and deploy boilerplate example Next.js projects.

- - - -

Deploy →

-

- Instantly deploy your Next.js site to a public URL with Vercel. -

- -
+
    + {data.items.map(({ id, snippet = {} }) => { + const { title, thumbnails = {}, resourceId = {} } = snippet; + const { medium } = thumbnails; + return ( +
  • + +

    + +

    +

    { title }

    +     +
    • + ) + })} +