sos-nextjs/pages/index.js

import React from 'react'
import Head from 'next/head'

import Hero from '~/components/hero'
import Card from '~/components/card'

Index.getInitialProps = async ({ctx})=>{
  const {data: items} = await ctx.axios.get('/api/items')
  return {items}
}

export default function Index({items}){
  return (
    <>
      <Head>
        <title>Society of Socks</title>
      </Head>
      <Hero/>
      <div className="cardContainer">
        {items.map(item=>
          <Card key={item.uuid} item={item}/>
        )}
      </div>
    </>
  )
}
Very basic NextJS and Api 5 years ago			`import React from 'react'`
Titles for all user-side pages 4 years ago			`import Head from 'next/head'`
Very basic NextJS and Api 5 years ago
Added routes and DB functions for items and images - need to test 5 years ago			`import Hero from '~/components/hero'`
Item card and updates to item view 5 years ago			`import Card from '~/components/card'`
Added routes and DB functions for items and images - need to test 5 years ago
Item card and updates to item view 5 years ago			`Index.getInitialProps = async ({ctx})=>{`
			`const {data: items} = await ctx.axios.get('/api/items')`
			`return {items}`
			`}`

			`export default function Index({items}){`
			`return (`
			`<>`
Titles for all user-side pages 4 years ago			`<Head>`
			`<title>Society of Socks</title>`
			`</Head>`
Item card and updates to item view 5 years ago			`<Hero/>`
			`<div className="cardContainer">`
			`{items.map(item=>`
Tweak webpack resolution to make it easier to import hooks 5 years ago			`<Card key={item.uuid} item={item}/>`
Item card and updates to item view 5 years ago			`)}`
			`</div>`
			`</>`
			`)`
			`}`