Add header component to NuxtJS Content project

Published: 05 January 2021
on channel: Cleavr
2k
15

We'll begin building the template by starting with the different main sections of the overall layout for our documentation site. We'll ultimately have a top header, a left nav / table of contents, and a main content section.

In this video, we'll create the beginnings of the top header.

Later on, we'll come back and make the header more mobile friendly as well as build out the search functionality.

In this video, I reference the following resources:
Tailwindcss.com - for the styling
Tailwindui.com - Tailwind's component library (subscription / license required)
heroicons.com - a library of open-source icons created by the makers of Tailwind


Watch video Add header component to NuxtJS Content project online without registration, duration 08 minute 57 second in high hd quality. This video was added by user Cleavr 05 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2 thousand once and liked it 15 people.