This is my implementation of the Next.js dashboard with some fixes and extras from the Next.js tutorial that can be found here:
https://nextjs.org/learn/dashboard-app
It has everything the tutorial has plus:
- Customer page
- Customer search
- Avatar image / file upload handling with Next.js blobs
- Avatar icons throughout
- API usage / implementation
- Chart.js
- Date handling for invoices
- Fixes that the tutorial missed
- Clean up from the tutorial
Overall the tutorial was a great starter to get into the Next.js ecosystem but I felt like it deserves a part II. I was surprised it didn't get into file handling considering it's a new product they're offering. There were also code that didn't work or inconsistencies in the tutorial. I'm glad it left room for implementing more and didn't do everything for you, but I still feel like it could be improved.
pnpm i - Install the dependencies
pnpm dev - Run the program using Vite
pnmp lint - Lint the code
Dashboard
Invoices
Invoice Search
Customer Search
Profile Image and Date Handling Detail
Copyright (c) 2024 David Drake
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
David Drake