{"id":29023916,"url":"https://github.com/wrappixel/nextkit-admin-with-supabase-and-mongodb","last_synced_at":"2025-06-26T04:01:43.729Z","repository":{"id":300951992,"uuid":"1005344841","full_name":"wrappixel/nextkit-admin-with-supabase-and-mongodb","owner":"wrappixel","description":"Simplify Frontend-to-Backend Connectivity with Nextkit , Ultimate Starter Kit for Nextjs Effortless Database Integration with SupaBase, MongoDB \u0026 Prisma ORM","archived":false,"fork":false,"pushed_at":"2025-06-24T11:13:10.000Z","size":4329,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-24T12:33:21.940Z","etag":null,"topics":["admin-kit","boilerplate","boilerplate-template","database-connector","mongodb","mongodb-atlas","mongodb-database","nextjs-admin-template","nextjs-starter","nextjs-starter-kit","nextjs-starter-saas","prisma","prisma-orm","react-admin-kit","react-admin-template","starter-kit","starterkit","supabase","supabase-auth","supabase-db"],"latest_commit_sha":null,"homepage":"https://nextkit-nextjs-prisma-mongodb.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/wrappixel.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,"zenodo":null}},"created_at":"2025-06-20T04:54:41.000Z","updated_at":"2025-06-24T11:13:13.000Z","dependencies_parsed_at":"2025-06-24T12:44:33.420Z","dependency_job_id":null,"html_url":"https://github.com/wrappixel/nextkit-admin-with-supabase-and-mongodb","commit_stats":null,"previous_names":["wrappixel/nextkit-admin-with-supabase-and-mongodb"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wrappixel/nextkit-admin-with-supabase-and-mongodb","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2Fnextkit-admin-with-supabase-and-mongodb","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2Fnextkit-admin-with-supabase-and-mongodb/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2Fnextkit-admin-with-supabase-and-mongodb/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2Fnextkit-admin-with-supabase-and-mongodb/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wrappixel","download_url":"https://codeload.github.com/wrappixel/nextkit-admin-with-supabase-and-mongodb/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2Fnextkit-admin-with-supabase-and-mongodb/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261997398,"owners_count":23242249,"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","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":["admin-kit","boilerplate","boilerplate-template","database-connector","mongodb","mongodb-atlas","mongodb-database","nextjs-admin-template","nextjs-starter","nextjs-starter-kit","nextjs-starter-saas","prisma","prisma-orm","react-admin-kit","react-admin-template","starter-kit","starterkit","supabase","supabase-auth","supabase-db"],"created_at":"2025-06-26T04:01:09.402Z","updated_at":"2025-06-26T04:01:43.694Z","avatar_url":"https://github.com/wrappixel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":" \n\u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://www.wrappixel.com/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://adminmart.github.io/template_api/images/brand-logo/WrapPixel-Logo.svg\" alt=\"sneat-logo\" width=\"100px\" height=\"100px\"\u003e\n   \u003c/a\u003e\n\u003c/div\u003e\n\n\n\u003ch1 align=\"center\"\u003e\n   Nextkit Admin Starter Kit with Supabase, Prisma \u0026 Mongodb   \n   \n\u003c/h1\u003e\n\n\n\u003cp align=\"center\"\u003eConnecting frontend to backend just got simpler! 🚀  We built Next Kit as a dedicated starter kit for developers. Effortlessly link with SupaBase, MongoDB, and Prisma ORM. Say goodbye to Database integration headaches!🛠\u003c/p\u003e\n\n\n\n![materialM Free NextJs Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2025/06/Nextkit-Free-794x456-1.webp)\n\n\n## 👋 Introduction\n\n\n**NextKit** is a modern, open-source admin dashboard template built with **Next.js** , **Tailwind CSS** , **Supabase** , **MongoDB** and **Prisma** , inspired by the principles of Material Design. It offers a clean, minimal UI combined with a powerful development stack, making it ideal for building fast, responsive, and scalable web applications.\n\nWhether you're developing a content management system (CMS), analytics dashboard, internal admin panel, or SaaS backend, **NextKit** provides you with a flexible and customizable foundation that speeds up development while ensuring a smooth user experience.\n\nDesigned with developers in mind, NextKit comes packed with pre-built components, layouts, and utility-first styling, so you can focus more on functionality and less on UI boilerplate.\n\n\n### 🔑 Key Features\n\n- **Responsive Design**  \n  Seamless user experience across desktops, tablets, and mobile devices.\n  \n- **Ready to use Authentication and Authorization**  \n  Utilised supabase powered authentication or a custom Next.js API backend powered by JWT .\n\n- **Complete prisma setup for instant Database connection**  \n  Integrated modern prsima ORM to connect or interact with database instantly.\n\n- **Flowbite Integration**  \nA rich library of **prebuilt UI components**—like modals, dropdowns, navbars, and tabs—designed specifically for **Tailwind CSS**, helping developers build faster with consistent and responsive designs.\n\n- **Pre-designed Pages**  \n  Includes essential pages like dashboards, login, user profiles, error pages, and more.\n\n- **ApexCharts Integration**  \n  Interactive, customizable charts powered by ApexCharts for visualizing data effectively.\n\n- **Optimized for Performance**  \n  Fast load times, efficient rendering, and a scalable codebase.\n\n---\n\n\n## 🛠️ Notable Libraries and Tools\n\n| **Library / Tool**    | **Description**                                                                 |\n|-----------------------|---------------------------------------------------------------------------------|\n| **Tailwind CSS**        | A utility-first CSS framework that enables developers to build custom designs quickly by applying classes directly in HTML. |\n| **Apex Charts**             | A powerful charting library for creating interactive and visually appealing charts, perfect for dashboards and data visualizations. |\n| **Flowbite**           | A library of UI components built on top of Tailwind CSS that provides ready-to-use elements like modals, dropdowns, and more. |\n| **Prisma**             | A modern ORM for Node.js and TypeScript that simplifies database access with auto-generated, type-safe queries and schema syncing. |\n| **Supabase**           | An open-source Firebase alternative that offers instant APIs, authentication, and real-time capabilities on top of a PostgreSQL database. |\n| **Tabler Icons**       | These icons are simple, lightweight, and easy to integrate, making them perfect for building clean and visually appealing user interfaces. |\n\n\n---\n\n## 💾 Installation Guide\n\nWelcome to the **NextKit Free Admin Template with supabase and mongodb**! This guide will walk you through the installation and setup process, so you can get started with building your custom admin dashboard in no time.\n\n### 📝 Steps to Install\n\n#### 1. **Clone the Repository**\n\nThe easiest way to get started is by cloning the repository or download the zip file. You can do this with the following command:\n\n```bash\ngit clone https://github.com/wrappixel/nextkit-admin-with-supabase-and-mongodb.git\n```\n\n#### 2. **Choose your desired package**\n\nAfter cloning , you will find two package , one that is powered by Supabase and second one powered by MongoDB\n\n#### 3. **Install Dependencies**\n\nInstall the relative Dependencies of the template. You can do this with the following command:\n\n```bash\nnpm install\n```\n\n#### 4. **Initialize project environment variables**\n\nOverwrite the environment variables with real credentials.\n\n\n#### 5. **Start the Development Server**\n\nOnce the dependencies are installed, you can start a local development server to preview the template: \n\n```bash\nnpm run dev\n```\n\n---\n\n## 📝 Documentation\n\nWelcome to the **NextKit Free Admin Tempalte with Supabase and MongoDB** documentation! Whether you're just getting started or looking to explore advanced features, this guide will help you set up and customize your project with ease.\n\n👉 **[Click here to read the full documentation](https://adminmart.github.io/premium-documentation/nextjs/nextkit/index.html)**\n\n\n---\n\n\n##  🤝  Contributing\n\nWe welcome contributions from the community to help improve the **NextKit Free Admin Template with Supabase and MongoDB**. Whether it’s fixing bugs, adding new features, improving documentation, or sharing ideas — your input is appreciated!\n\n### 🛠️ How to Contribute\n\nFollow these simple steps to start contributing:\n\n1. **Fork the Repository**  \n   Click the **Fork** button on the top-right corner of this repo to create your own copy.\n\n2. **Clone Your Fork**  \n   Use the command below to clone your forked repository:\n   ```bash\n   git clone https://github.com/wrappixel/nextkit-admin-with-supabase-and-mongodb.git\n\n3. **Create a New Branch**  \n   Create a new branch to work on your feature or fix. This keeps your changes separate from the main branch:\n   ```bash\n   git checkout -b feature/your-feature-name\n\n4. **Commit and Push Changes**  \n   After making your changes, commit them with a meaningful message and push your branch to your fork:\n   ```bash\n   git commit -am \"Add: Description of changes made\"\n   git push origin feature/your-feature-name\n\n\n---\n\n## 🧭 Useful Links\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=376\"\u003eAdmin Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/bootstrap-templates/?ref=376\"\u003eBootstrap Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/angular-templates/?ref=376\"\u003eAngular Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/react-templates/?ref=376\"\u003eReact Template\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/framer-templates/?ref=376\"\u003eFramer Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n-  \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/mui-templates/?ref=376\"\u003eMaterial UI Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/vuetify-templates/?ref=376\"\u003eVuetify Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/nextjs-templates/?ref=376\"\u003eNextJs Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/nuxt-templates/?ref=376\"\u003eNuxt Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/tailwind-templates/?ref=376\"\u003eTailwind Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n\n---\n\n## 🌐 We are social\n\n[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/wrappixel)  [![twitter](https://img.shields.io/badge/twitter-x?style=for-the-badge\u0026logo=x\u0026logoColor=white\u0026color=%230f1419)](https://twitter.com/wrappixel)  [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge\u0026logo=facebook\u0026logoColor=white\u0026color=%230866ff)](https://www.facebook.com/wrappixel)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\u0026color=%23F35369)](https://www.instagram.com/wrappixel)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge\u0026logo=youtube\u0026logoColor=white\u0026color=%23cc0000)](https://www.youtube.com/@wrappixel)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/company/wrappixel)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrappixel%2Fnextkit-admin-with-supabase-and-mongodb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwrappixel%2Fnextkit-admin-with-supabase-and-mongodb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrappixel%2Fnextkit-admin-with-supabase-and-mongodb/lists"}