196f71feb7
Instead of bundling `postcss-cli` we can now make use of `@zeit/with-css`.
This also means we can get rid of the `<style>` import and concurrent build step for css. 🎉
29 lines
798 B
JavaScript
29 lines
798 B
JavaScript
import Link from 'next/link'
|
|
|
|
const links = [
|
|
{ href: 'https://github.com/zeit/next.js', label: 'Github' },
|
|
{ href: 'https://nextjs.org/docs', label: 'Docs' }
|
|
]
|
|
|
|
export default function Nav () {
|
|
return <nav>
|
|
<ul className='flex justify-between items-center p-8'>
|
|
<li className='list-reset'>
|
|
<Link prefetch href='/'>
|
|
<a className='text-blue no-underline'>Home</a>
|
|
</Link>
|
|
</li>
|
|
<ul className='flex justify-between items-center'>
|
|
{links.map(
|
|
({ href, label }) => (
|
|
<li key={`${href}${label}`} className='list-reset ml-4'>
|
|
<Link href={href}>
|
|
<a className='btn-blue no-underline'>{label}</a>
|
|
</Link>
|
|
</li>
|
|
)
|
|
)}
|
|
</ul>
|
|
</ul>
|
|
</nav>
|
|
}
|