Next.js App Router Course - Starter

This is the dashboard web app for the Next.js App Router Course (). It is proficiently created with Next.js and decorated with TailwindCSS, DaisyUI.

Techniques applied in this web application

• Fetching data dynamically on both client side and server side.
• Rendering UI dynamically with Static and Dynamic rendering.
• Breaking down routes into smaller “chunks” with Page and Component Streaming.
• Grouping components with wrapper components (to avoid popping effect).
• Move data fetching down to the components for Partial Prerendering.
• Improving accessibility with ESLint accessibility plugin.
• Handling errors with try/catch, notFound function.
• Implementing authentication with NextAuth.js, Next.js Middleware.

Desktop View

Home

Dashboard

Invoices

Create New Invoice

Mobile View

Home

Dashboard

Invoices

Create New Invoice