https://github.com/formtrix/cs465projectnextjs
Full stack development 1 :> 2
https://github.com/formtrix/cs465projectnextjs
Last synced: 3 months ago
JSON representation
Full stack development 1 :> 2
- Host: GitHub
- URL: https://github.com/formtrix/cs465projectnextjs
- Owner: Formtrix
- Created: 2024-12-26T05:53:51.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-26T04:40:50.000Z (3 months ago)
- Last Synced: 2025-02-26T05:29:09.355Z (3 months ago)
- Language: TypeScript
- Homepage: https://cs465-project-nextjs-reactnextjs.vercel.app
- Size: 991 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack Application
## React and NextJS Design principles
Updating.....
## 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.
- The dashboard will also have an accompanying database.
## Essential skills exercised in this project include building a full-stack Next.js application dashboard.
- Styling: The different ways to style your application in Next.js.
- Optimizations: How to optimize images, links, and fonts.
- Routing: How to create nested layouts and pages using file-system routing.
- Data Fetching: How to set up a database on Vercel, and best practices for fetching and streaming.
- Search and Pagination: How to implement search and pagination 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.
- Form Validation and 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 add metadata and prepare your application for social sharing.