Navbar Component with Nextjs, Material UI

Challenge brief

Navbar ComponentBuild a minimal, responsive navigation bar with basic functionality

Back to all submissions

Navbar Component with Nextjs, Material UI

302

Challenge brief

Navbar ComponentBuild a minimal, responsive navigation bar with basic functionality

Jazim Abbas@jazimabbas

Software Engineer @ 12Tech

3 YOE

3.27k Reputation

Preview solution

View code

Built a Navbar component from scratch using Next.js and the MUI styled function. I didn't use any MUI components. I built this completely from scratch.

Submission vs Design

https://templates.jazimabbas.dev/components/navbar

Implementation details

Tech stack

HTML

Semantics

CSS

Positioning

Layout

Responsive Design

Transforms and Transitions

JavaScript

DOM Events

DOM Manipulation

React

Components

Event Handling

Form Handling

Next.js

TypeScript

Material UI

Code

Discussions