https://github.com/biplobsec21/financial-dashboard

For this project, we'll be building a simplified version of the financial dashboard that has: A public home page. A login page. Dashboard pages that are protected by authentication. The ability for users to add, edit, and delete invoices
https://github.com/biplobsec21/financial-dashboard

nextjs14 postgresql react

Last synced: 2 months ago
JSON representation

For this project, we'll be building a simplified version of the financial dashboard that has: A public home page. A login page. Dashboard pages that are protected by authentication. The ability for users to add, edit, and delete invoices

• Host: GitHub
• URL: https://github.com/biplobsec21/financial-dashboard
• Owner: biplobsec21
• Created: 2023-10-28T06:33:39.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-30T06:50:26.000Z (over 2 years ago)
• Last Synced: 2025-01-22T22:30:00.884Z (over 1 year ago)
• Topics: nextjs14, postgresql, react
• Language: TypeScript
• Homepage: https://financial-dashboard-dc26-ctlk51ms5-md-biplob-hossains-projects.vercel.app/dashboard
• Size: 696 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Next.js App Router 

For this project, we'll be building a simplified version of the financial dashboard that has:

A public home page.

A login page.

Dashboard pages that are protected by authentication.

The ability for users to add, edit, and delete invoices.

![Screenshot 2023-10-29 at 4 33 46 PM](https://github.com/biplobsec21/financial-dashboard/assets/103837734/e2b4e450-c480-43bf-8564-af9a58cfa55d)

Here's an overview of what features you'll learn in this project:

Styling: The different ways to style your application in Next.js.

Optimizations: How to optimize images, links, and fonts.

Routing: How to create layouts and pages using file-system routing.

Data Fetching: How to set up a database on Vercel, and best practices for data fetching and streaming.

Search and Pagination: How to implement shareable search and pagination features using URL Search Params.

Mutating Data: How to mutate data using React Server Actions, and revalidate the Next.js cache.

Error Handling: How to handle general and 404 not found errors.

Accessibility: How to do server-side form validation and tips for improving accessibility.

Authentication: How to add authentication to your application using NextAuth.js and Middleware.

Metadata: How to prepare your application for social sharing.