Navi
Description¶
Next.js Navi
Install responsive-navbar¶
Navigate to project dir and nstall responsive-navbar and react-icons:
npm install responsive-navbar react-icons
Add a Navi Component¶
Create Component File:¶
/components/Navi.tsx
<!-- TODO --> Add final page contents here.
In '/app/layout.tsx`:
```tsx title: Insert:"
```tsx title: before:"
{children}
and
Append to Imports:
import React from 'react';
import { Navi } from '@/components'