{"id":23084337,"url":"https://github.com/progaurab/nextjs15-react19-training-instilllearning","last_synced_at":"2025-10-29T07:48:41.256Z","repository":{"id":267105629,"uuid":"900221743","full_name":"progaurab/nextJS15-React19-Training-InstillLearning","owner":"progaurab","description":"nextjs-dashboard","archived":false,"fork":false,"pushed_at":"2025-01-06T06:58:59.000Z","size":1264,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-01T17:03:43.589Z","etag":null,"topics":["ecmascript","javascript","nextjs","nextjs15","nextjs15-typescript","react","reactjs","reactjs19"],"latest_commit_sha":null,"homepage":"https://next-js-15-react19-training-instill-learning.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/progaurab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2024-12-08T07:37:29.000Z","updated_at":"2025-02-13T10:21:52.000Z","dependencies_parsed_at":"2024-12-08T12:19:10.145Z","dependency_job_id":"018543b3-8bed-460b-8696-2c5388217bd1","html_url":"https://github.com/progaurab/nextJS15-React19-Training-InstillLearning","commit_stats":null,"previous_names":["progaurab/nextjs15-react19-training-instilllearning"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/progaurab/nextJS15-React19-Training-InstillLearning","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/progaurab%2FnextJS15-React19-Training-InstillLearning","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/progaurab%2FnextJS15-React19-Training-InstillLearning/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/progaurab%2FnextJS15-React19-Training-InstillLearning/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/progaurab%2FnextJS15-React19-Training-InstillLearning/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/progaurab","download_url":"https://codeload.github.com/progaurab/nextJS15-React19-Training-InstillLearning/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/progaurab%2FnextJS15-React19-Training-InstillLearning/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281584986,"owners_count":26526171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-29T02:00:06.901Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["ecmascript","javascript","nextjs","nextjs15","nextjs15-typescript","react","reactjs","reactjs19"],"created_at":"2024-12-16T15:51:50.837Z","updated_at":"2025-10-29T07:48:41.240Z","avatar_url":"https://github.com/progaurab.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Next.js App Router Course - Starter - https://nextjs.org/learn/dashboard-app\nThis is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application.\n\n\n### Creating a new project\n#### install npmp (as it is faster than npm and yarn)\n```shell\n$ npm install -g pnpm\n```\n\n#### create starting app using create-next-app\n```shell\n$ npx create-next-app@latest nextjs-dashboard --example \"https://github.com/vercel/next-learn/tree/main/dashboard/starter-example\" --use-pnpm\n\n$ cd nextjs-dashboard\n```\n## Folder Structure\n\n- **`/app`**  \n  Contains all the routes, components, and logic for your application. This is where you'll be working most of the time.\n\n- **`/app/lib`**  \n  Contains functions used in your application, such as reusable utility functions and data fetching functions.\n\n- **`/app/ui`**  \n  Contains all the UI components for your application, such as cards, tables, and forms. These components are pre-styled to save development time.\n\n- **`/public`**  \n  Contains all the static assets for your application, such as images.\n\n- **Config Files**  \n  At the root of your application, you'll find config files like `next.config.js`. These files are created and pre-configured when you start a new project using `create-next-app`.\n\n\n## Dependencies and Their Uses\n\n### Dependencies\n1. **`@heroicons/react`**  \n   A library of free SVG icons designed for React. Useful for adding consistent and visually appealing icons to your application.\n\n2. **`@tailwindcss/forms`**  \n   A Tailwind CSS plugin that provides better default styling for form elements like inputs, selects, and buttons, making forms look more consistent and polished.\n\n3. **`@vercel/postgres`**  \n   A library to interact with PostgreSQL databases directly, optimized for serverless environments on Vercel. Perfect for integrating database operations in your Next.js app.\n\n4. **`autoprefixer`**  \n   A PostCSS plugin that automatically adds vendor prefixes to your CSS, ensuring compatibility across different browsers.\n\n5. **`bcrypt`**  \n   A library for hashing passwords securely. Commonly used for user authentication and securely storing passwords in the database.\n\n6. **`clsx`**  \n   A small utility for conditionally joining class names. Useful for dynamically applying CSS classes in React components.\n\n7. **`next`**  \n   The Next.js framework itself. Provides features like server-side rendering, static site generation, API routes, and more.\n\n8. **`next-auth`**  \n   A library to manage authentication in your Next.js app. Supports various providers like Google, GitHub, email/password, and custom credentials.\n\n9. **`postcss`**  \n   A CSS processor that transforms styles with plugins. Tailwind CSS uses it internally for processing your CSS.\n\n10. **`react`**  \n    The core library for building user interfaces in a declarative way.\n\n11. **`react-dom`**  \n    Provides DOM-specific methods for React. Used to render React components to the DOM.\n\n12. **`tailwindcss`**  \n    A utility-first CSS framework for building modern, responsive designs efficiently.\n\n13. **`typescript`**  \n    A superset of JavaScript that adds static typing, making your code more robust and less prone to errors.\n\n14. **`use-debounce`**  \n    A React hook for debouncing values or functions. Useful for improving performance in search inputs or API calls by reducing the frequency of executions.\n\n15. **`zod`**  \n    A TypeScript-first schema validation library. Useful for validating and parsing data, ensuring type safety.\n\n---\n\n### DevDependencies\n1. **`@types/bcrypt`**  \n   Type definitions for the `bcrypt` library, providing IntelliSense and type-checking in TypeScript.\n\n2. **`@types/node`**  \n   Type definitions for Node.js, helping with type safety and IntelliSense when working with Node.js APIs.\n\n3. **`@types/react`**  \n   Type definitions for React, ensuring proper type support for React components and hooks in TypeScript.\n\n4. **`@types/react-dom`**  \n   Type definitions for `react-dom`, enabling type safety for React's DOM rendering APIs in TypeScript.\n\n---\n\n### How These Work Together\n- **Styling:**  \n  `tailwindcss`, `autoprefixer`, and `@tailwindcss/forms` handle styling, ensuring modern and responsive designs.\n\n- **Authentication and Security:**  \n  `bcrypt` and `next-auth` handle secure password hashing and user authentication.\n\n- **Database and Backend:**  \n  `@vercel/postgres` integrates database operations seamlessly with Vercel.\n\n- **React Ecosystem:**  \n  `react`, `react-dom`, and `clsx` support the core UI functionality, while `@heroicons/react` adds icons.\n\n- **Validation and Performance:**  \n  `zod` ensures data integrity, and `use-debounce` optimizes performance.\n\n- **TypeScript:**  \n  `typescript` and related `@types/*` packages provide type safety and improved developer experience.\n\nThis setup offers a robust foundation for building a modern, scalable, and secure Next.js application.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogaurab%2Fnextjs15-react19-training-instilllearning","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogaurab%2Fnextjs15-react19-training-instilllearning","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogaurab%2Fnextjs15-react19-training-instilllearning/lists"}