{"id":30584083,"url":"https://github.com/timtbdev/Next.js-Blog-App","last_synced_at":"2025-08-29T09:03:00.761Z","repository":{"id":179972361,"uuid":"664294313","full_name":"timtbdev/Next.js-Blog-App","owner":"timtbdev","description":"⚡ Multi-User, Full-stack blogging application - Next.js, TailwindCSS, Supabase, Shadcn","archived":false,"fork":false,"pushed_at":"2025-02-11T12:25:38.000Z","size":2961,"stargazers_count":423,"open_issues_count":8,"forks_count":88,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-08-29T06:35:26.925Z","etag":null,"topics":["client-components","convertkit","cookie-based-login","headlessui","nextjs","nodemailer","novel","react-email","react-hook-form","react-hot-toast","server-actions","server-components","shadcn-ui","supabase-auth","supabase-db","supabase-js","tailwindcss","tanstack-table","tiptap","zod"],"latest_commit_sha":null,"homepage":"https://ubdotcafe.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/timtbdev.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":"2023-07-09T14:28:51.000Z","updated_at":"2025-08-28T13:09:17.000Z","dependencies_parsed_at":"2023-10-13T18:45:26.915Z","dependency_job_id":"ee9c59e3-3603-4b0d-bf1b-a305fb232e92","html_url":"https://github.com/timtbdev/Next.js-Blog-App","commit_stats":{"total_commits":149,"total_committers":2,"mean_commits":74.5,"dds":0.04026845637583898,"last_synced_commit":"be141ef0afd68661a4b2309de4ff4bc638d9d1c1"},"previous_names":["timtbdev/ubdotcafe","timtbdev/blog-app","timtbdev/next.js-blog-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/timtbdev/Next.js-Blog-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timtbdev%2FNext.js-Blog-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timtbdev%2FNext.js-Blog-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timtbdev%2FNext.js-Blog-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timtbdev%2FNext.js-Blog-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/timtbdev","download_url":"https://codeload.github.com/timtbdev/Next.js-Blog-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timtbdev%2FNext.js-Blog-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272658781,"owners_count":24971604,"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-08-29T02:00:10.610Z","response_time":87,"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":["client-components","convertkit","cookie-based-login","headlessui","nextjs","nodemailer","novel","react-email","react-hook-form","react-hot-toast","server-actions","server-components","shadcn-ui","supabase-auth","supabase-db","supabase-js","tailwindcss","tanstack-table","tiptap","zod"],"created_at":"2025-08-29T09:02:59.135Z","updated_at":"2025-08-29T09:03:00.745Z","avatar_url":"https://github.com/timtbdev.png","language":"TypeScript","readme":"\u003cp align=\"center\" style=\"margin-top: 120px\"\u003e\n  \u003cimg width=\"1040\" alt=\"Cover\" src=\"https://github.com/timtbdev/Next.js-Blog-App/assets/25026241/f4d08597-8f6e-4a2e-8807-0490eb7859be\"\u003e\n\n## Introduction\n\nThe Blogging application is a multi-user, full-stack Next.js app with Supabase support. Built with Next.js App Router, Supabase Auth and Supabase Database, Supabase Storage.\n\n## 💻 Frontend\n\n\u003cimg width=\"1040\" alt=\"Cover\" src=\"https://github.com/timtbdev/Next.js-Blog-App/assets/25026241/d263479c-853f-40ed-aed4-58c5cbb8b14c\"\u003e\n\n## 📹 Preview\n\nhttps://github.com/timtbdev/Next.js-Blog-App/assets/25026241/c0488b1b-ff48-4871-849d-806f09c39322\n\n## 🧰 Backend\n\n\u003cimg width=\"1040\" alt=\"Cover\" src=\"https://github.com/timtbdev/Next.js-Blog-App/assets/25026241/c5cd3077-b955-43fd-b6ea-2f3b5f9297c9\"\u003e\n\n## 📹 Preview\n\nhttps://github.com/timtbdev/Next.js-Blog-App/assets/25026241/29c35c5f-ad67-4f5b-9943-0fd0d94448b8\n\n## 💾 Database Schema\n\n### Database schema \u0026 dummy data: [here](./database_schema/)\n\n\u003cimg width=\"992\" alt=\"Screenshot 2023-06-10 at 10 00 18 PM\" src=\"https://github.com/timtbdev/Next.js-Blog-App/assets/25026241/729e2d22-2467-4d5b-9c6c-e6a5ea58c717\"\u003e\n\n## 📊 Google Lighthouse performance statistics\n\n\u003cimg width=\"992\" alt=\"Screenshot 2023-06-10 at 10 00 18 PM\" src=\"https://github.com/timtbdev/Next.js-Blog-App/assets/25026241/2a4f693b-5c0d-4647-8444-291e1f635ee7\"\u003e\n\n## 📚 Tech Stacks\n\n- App Router,\n- Server Actions\n- Server and Client Components\n- Data Fetching, Insertion using [Supabase-JS-Client](https://supabase.com/docs/reference/javascript/introduction)\n- API Routes and Middlewares\n- Cookie based Authentication using [Supabase Auth](https://supabase.com/docs/guides/auth/auth-helpers/nextjs)\n- CMS using [Supabase Database](https://supabase.com/docs/guides/database)\n- Metadata files\n- Open Graph Image Generation using [Vercel/Og](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation)\n- Image Upload using [Uppy](https://uppy.io) and [Supabase Storage](https://supabase.com/docs/guides/storage/uploads)\n- Styled using [Tailwind CSS](https://tailwindcss.com/)\n- UI Components using [HeadlessUI](https://headlessui.com), [Radix-UI](https://radix-ui.com), [Shadcn-UI](https://ui.shadcn.com/)\n- WYSIWYG editor using [Novel](https://novel.sh/)\n- Loading, Error, NotFound, Empty pages\n- Sending emails using [NodeMailer](https://nodemailer.com) and [React Email](https://https://react.email/), [Gmail](https://gmail.com)\n- Forms using [React-Hook-Forms](https://www.react-hook-form.com/)\n- Toasts using [React-Hot-Toast](https://react-hot-toast.com/)\n- Validations using [Zod](https://zod.dev)\n- Icons using [HeroIcons](https://heroicons.com/) \u0026 [Lucide-Icon](https://lucide.dev/icons/)\n- Newsletter using [ConvertKit](https://convertkit.com/)\n- Drawer using [Vaul](https://vaul.emilkowal.ski/)\n- Written in [TypeScript](https://www.typescriptlang.org/)\n\n## ⌨️ Code Quality\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [Prettier](https://prettier.io/)\n- [ESLint](https://eslint.org/)\n\n## 📈 Miscellaneous\n\n- [Vercel Analytics](https://vercel.com/analytics)\n\n# ⚙️ Getting Started\n\n## Requirements\n\nTo run this app locally you need\n\n- [Node.js (Version: \u003e=18.x)](https://nodejs.org/en/download/)\n- Node Package Manager NPM - included in Node.js\n- [PostgreSQL (local or remote)](https://www.postgresql.org/download/)\n\n## Developer Quickstart\n\nWant to get up and running quickly? Follow these steps:\n\n- [Clone the repository](https://help.github.com/articles/cloning-a-repository/) it to your local device.\n\n  ```sh\n  git clone https://github.com/timtbdev/Next.js-Blog-App.git\n  ```\n\n- Set up your [Supabase Database](https://supabase.com/docs/guides/database) and Auth wit with [Social Logins](https://supabase.com/docs/guides/auth/social-login)\n- Set up your [ConverKit](https://ihatetomatoes-nextjs-101.vercel.app/post/convertkit-api-variables)\n- Set up your `.env` file using the recommendations in the `.env.example` file.\n- Run `npm installation` in the root directory\n  ```sh\n  npm installation --legacy-peer-deps\n  ```\n- Run `npm run dev` in the root directory\n- Want it even faster? Just use\n  ```sh\n  npm run d\n  ```\n\nThat's it! You should now be able to access the app at http://localhost:3000\n\nAdmin dashboard will also be available on http://localhost:300/editor/posts\n\n## Contributing\n\n- [Start a discussion](https://timtb.dev/contact) with a question, piece of feedback, or idea you want to share with me.\n- [Open an issue](https://github.com/timtbdev/Next.js-Blog-App/issues) if you believe you've encountered a bug with the starter kit.\n\n## 🙇 Author\n\n- Tim ([@timtbdev](https://twitter.com/timtbdev))\n\n## License\n\nLicensed under the [MIT license](https://github.com/shadcn/taxonomy/blob/main/LICENSE.md).\n","funding_links":[],"categories":["Boilerplates \u0026 Starters"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimtbdev%2FNext.js-Blog-App","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimtbdev%2FNext.js-Blog-App","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimtbdev%2FNext.js-Blog-App/lists"}