Skip to content

Latest commit

 

History

History
62 lines (32 loc) · 2.07 KB

README.md

File metadata and controls

62 lines (32 loc) · 2.07 KB

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

image

Dashboard

image

Invoices

image

Create New Invoice

image

Mobile View

Home

image

Dashboard

image

image

image

Invoices

image

image

Create New Invoice

image