ComponentsHeader
A responsive header with your logo (left), links (center) and a CTA (right). Links and CTA are hidden on mobile and accessible with a burger menu. Add your own logo in the /public
folder. Make sure to match the file name in <Header />
component (currently logo.png
)
![A Header component for ShipFast boilerplate](/docs-old/components/header.jpg)
page.js
1import Header from "@/components/Header";
Tips
- Unless you're Nike or Apple, visitors have no idea who you are. Keep your brand name small.
- Try to always have a Prcing link in your header. No matter what you sell, people will look for it.
Updated on: Tuesday, September 12, 2023
Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.