{"id":20773031,"url":"https://github.com/tnar/nextjs-dashboard","last_synced_at":"2026-04-14T04:31:21.289Z","repository":{"id":253898051,"uuid":"844404637","full_name":"tnar/nextjs-dashboard","owner":"tnar","description":"Acme Dashboard is a responsive web application built with Next.js and TypeScript, providing comprehensive features for managing customers, invoices, and tracking revenue. It leverages Tailwind CSS for styling and Vercel Postgres for data storage. The application includes secure user authentication managed by NextAuth.","archived":false,"fork":false,"pushed_at":"2024-09-18T01:00:33.000Z","size":951,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T20:47:16.003Z","etag":null,"topics":["nextjs","postgres","react","tailwind","typescript"],"latest_commit_sha":null,"homepage":"https://nextjs-dashboard-six-umber-97.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tnar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-19T07:35:23.000Z","updated_at":"2024-09-18T01:01:53.000Z","dependencies_parsed_at":"2025-01-18T07:26:28.811Z","dependency_job_id":"4e5eb4bb-7946-4d3f-82c2-2843ec106eca","html_url":"https://github.com/tnar/nextjs-dashboard","commit_stats":null,"previous_names":["tnar/nextjs-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tnar/nextjs-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tnar%2Fnextjs-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tnar%2Fnextjs-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tnar%2Fnextjs-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tnar%2Fnextjs-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tnar","download_url":"https://codeload.github.com/tnar/nextjs-dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tnar%2Fnextjs-dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31782736,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nextjs","postgres","react","tailwind","typescript"],"created_at":"2024-11-17T12:23:59.671Z","updated_at":"2026-04-14T04:31:21.270Z","avatar_url":"https://github.com/tnar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Acme Dashboard\n\n## Description\n\nAcme Dashboard is a responsive web application built with Next.js and TypeScript, providing comprehensive features for managing customers, invoices, and tracking revenue. It leverages Tailwind CSS for styling and Vercel Postgres for data storage. The application includes secure user authentication managed by NextAuth.\n\n## Features\n\n- **User Authentication**: Secure login system using NextAuth with credentials provider.\n- **Dashboard Overview**: View key metrics such as total invoices, customers, and revenue.\n- **Customer Management**: View and manage customer information.\n- **Invoice Management**: Create, edit, and manage invoices with status tracking.\n- **Revenue Visualization**: Interactive charts to monitor monthly revenue.\n- **Responsive Design**: Optimized for both desktop and mobile devices.\n- **Skeleton Loading**: Enhanced user experience with loading placeholders.\n\n## Technologies Used\n\n- [Next.js](https://nextjs.org/) - React framework for server-rendered applications.\n- [TypeScript](https://www.typescriptlang.org/) - Typed superset of JavaScript.\n- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework.\n- [NextAuth](https://next-auth.js.org/) - Authentication for Next.js applications.\n- [Vercel Postgres](https://vercel.com/products/postgres) - Managed PostgreSQL database.\n- [Heroicons](https://heroicons.com/) - Beautiful SVG icons.\n\n## Installation\n\n1. **Clone the Repository**\n\n   ```bash\n   git clone https://github.com/yourusername/acme-dashboard.git\n   cd acme-dashboard\n   ```\n\n2. **Install Dependencies**\n\n   ```bash\n   pnpm install\n   # or\n   npm install\n   # or\n   yarn install\n   ```\n\n3. **Set Up Environment Variables**\n\n   Create a `.env.local` file in the root directory and add the following:\n\n   ```env\n   DATABASE_URL=your_vercel_postgres_connection_string\n   NEXTAUTH_SECRET=your_nextauth_secret\n   ```\n\n4. **Run Database Migrations and Seed Data**\n\n   ```bash\n   pnpm run seed\n   # or\n   npm run seed\n   # or\n   yarn seed\n   ```\n\n5. **Start the Development Server**\n\n   ```bash\n   pnpm dev\n   # or\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n   Open [http://localhost:3000](http://localhost:3000) in your browser to view the application.\n\n## Usage\n\n- **Login**\n\n  Navigate to `/login` and use the following credentials:\n\n  ```\n  Email: user@nextmail.com\n  Password: 123456\n  ```\n\n- **Dashboard**\n\n  Access the dashboard at `/dashboard` to view an overview of invoices, customers, and revenue.\n\n- **Manage Customers**\n\n  Go to `/dashboard/customers` to view and manage customer data.\n\n- **Manage Invoices**\n\n  Visit `/dashboard/invoices` to view, create, and edit invoices.\n\n## Contributing\n\nContributions are welcome! Please open an issue or submit a pull request for any changes or improvements.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftnar%2Fnextjs-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftnar%2Fnextjs-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftnar%2Fnextjs-dashboard/lists"}