{"id":16811522,"url":"https://github.com/thomas-coldwell/nextjs-supabase-instagram-clone","last_synced_at":"2026-03-12T14:44:29.567Z","repository":{"id":45242737,"uuid":"383282810","full_name":"thomas-coldwell/nextjs-supabase-instagram-clone","owner":"thomas-coldwell","description":null,"archived":false,"fork":false,"pushed_at":"2021-12-28T15:14:52.000Z","size":257,"stargazers_count":88,"open_issues_count":3,"forks_count":14,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-23T02:07:29.522Z","etag":null,"topics":["nextjs","react"],"latest_commit_sha":null,"homepage":"nextjs-supabase-instagram-clone.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/thomas-coldwell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-05T23:00:50.000Z","updated_at":"2024-10-21T13:43:57.000Z","dependencies_parsed_at":"2022-09-06T08:01:42.301Z","dependency_job_id":null,"html_url":"https://github.com/thomas-coldwell/nextjs-supabase-instagram-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thomas-coldwell/nextjs-supabase-instagram-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomas-coldwell%2Fnextjs-supabase-instagram-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomas-coldwell%2Fnextjs-supabase-instagram-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomas-coldwell%2Fnextjs-supabase-instagram-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomas-coldwell%2Fnextjs-supabase-instagram-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thomas-coldwell","download_url":"https://codeload.github.com/thomas-coldwell/nextjs-supabase-instagram-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomas-coldwell%2Fnextjs-supabase-instagram-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30428718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-12T14:34:45.044Z","status":"ssl_error","status_checked_at":"2026-03-12T14:09:33.793Z","response_time":114,"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","react"],"created_at":"2024-10-13T10:18:59.891Z","updated_at":"2026-03-12T14:44:29.549Z","avatar_url":"https://github.com/thomas-coldwell.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NextJS + Supabase Instagram Clone\n\n## Overview\n\nThis project was built to try out some cool new libraries with the goal of having a riduculously easy type safe backend that is also pretty powerful and flexible in terms of its querying capabilities and provides good human readbility for a supa-fast DX. The libraries that make this possible are:\n\n- **NextJS** 💻 - SSR and performant frontend with API routes built in [learn more](https://nextjs.org/)\n- **Supabase** 🔥 - BaaS providing auth, storage and a PostgresSQL DB [learn more](https://supabase.io/)\n- **TailwindCSS** 🖼 - Utility style CSS for quickly building out the interface\n- **tRPC** 💪 - End-to-end type safety to communicate with our API routes and react-query wrapper [learn more](https://trpc.io/)\n- **Prisma** 💎 - Database schema controller and ORM with awesome type safety from generated types based off schema [learn more](https://prisma.io/)\n\nWhat you might already be able to see is this gives type safety from DB --\u003e Client with the use of Prisma and tRPC. This makes for a pretty seamless DX and gives you a lot of confidence that changes in your data model or API interface will get picked up by your IDE during development 😃\n\n\u003e **Note:** This could also be extended for use in React Native with a monorepo style structure - the creator of tRPC also made [zART](https://github.com/KATT/zart) which showcases how this can be achieved\n\n## Getting Started\n\nFirst, we will need to create a Supabase project which you can do by heading over to https://supabase.io. Once that is setup ensure you have [email auth enabled](https://supabase.io/docs/guides/auth).\n\nThen we can create our environment file as follows:\n\n```bash\n# .env\n\n# Can be found in Settings \u003e API\nNEXT_PUBLIC_SUPABASE_URL=\"https://__PROJECT_ID__.supabase.co\"\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\"your-supabase-anon-key\"\n\n# Prisma DB URLs - can be found in Databases \u003e Connection pooling\n# Ensure you set the port to 6543 on this page too!\nMIGRATION_DATABASE_URL=\"postgres://postgres:__DATABASE_PASSWORD__.__PROJECT_ID__.supabase.co:5432/postgres\"\nDATABASE_URL=\"postgres://postgres:__DATABASE_PASSWORD__.__PROJECT_ID__.supabase.co:6543/postgres?pgbouncer=true\"\n```\n\nNow we can run Prisma to firstly perform our schema migration to Supabase and then generate our Prisma client locally:\n\n```bash\nyarn migrate:dev # Will setup the tables we need in Supabase from our schema\n```\n\n```bash\nnpx prisma generate # Will generate our Prisma client with types!\n```\n\nFinally, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n\n## License\n\nThe MIT License (MIT). Please see LICENSE.md for more info\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas-coldwell%2Fnextjs-supabase-instagram-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomas-coldwell%2Fnextjs-supabase-instagram-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomas-coldwell%2Fnextjs-supabase-instagram-clone/lists"}