{"id":26582967,"url":"https://github.com/capybara003/strapi-next-tutorial","last_synced_at":"2026-04-08T18:31:46.214Z","repository":{"id":281890940,"uuid":"946465916","full_name":"Capybara003/strapi-Next-tutorial","owner":"Capybara003","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-11T07:38:57.000Z","size":19130,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-23T08:19:07.287Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Capybara003.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":"2025-03-11T07:22:26.000Z","updated_at":"2025-03-11T07:39:07.000Z","dependencies_parsed_at":"2025-03-11T18:04:52.398Z","dependency_job_id":null,"html_url":"https://github.com/Capybara003/strapi-Next-tutorial","commit_stats":null,"previous_names":["capybara003/strapi-next-tutorial"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Capybara003/strapi-Next-tutorial","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Capybara003%2Fstrapi-Next-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Capybara003%2Fstrapi-Next-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Capybara003%2Fstrapi-Next-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Capybara003%2Fstrapi-Next-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Capybara003","download_url":"https://codeload.github.com/Capybara003/strapi-Next-tutorial/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Capybara003%2Fstrapi-Next-tutorial/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31568609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":[],"created_at":"2025-03-23T08:19:11.686Z","updated_at":"2026-04-08T18:31:46.190Z","avatar_url":"https://github.com/Capybara003.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Strapi Nextjs Deliveroo Clone Tutorial\n\n\nTechnologies Used:\n* React (Nextjs)\n* GraphQL\n* Strapi (Node CMS)\n* Stripe - react-stripe-elements\n* React Context \n\n----------------------\n\n## Full tutorial walk through available:\nhttps://blog.strapi.io/strapi-next-setup/\n\nDemo:\nhttps://strapi-deliveroo.herokuapp.com/\n\n\nGet ready to develop a **Deliveroo clone, using amazing technologies: [Next.js](https://nextjs.org) ([React](https://reactjs.org)), [GraphQL](https://graphql.org), [Stripe](http://stripe.com/) and [Strapi](https://strapi.io/)**! From signup to order, you are going to let users discover restaurants, dishes and select their happy meal.\n\n![Strapi Next.js tutorial](https://blog.strapi.io/content/images/2018/10/Article-Next---1.png)\n\nThe **demo of the final result** should make you hungry:\n\n![Final Walk Through 3](https://blog.strapi.io/content/images/2018/10/ezgif.com-optimize--11-.gif)\n\n\n\n# Screenshots of final product:\n![first](https://blog.strapi.io/content/images/2018/10/Screen-Shot-2018-10-13-at-5.12.41-PM.png)\n![second](https://blog.strapi.io//content/images/2018/10/Screen-Shot-2018-10-13-at-5.12.58-PM.png)\n![third](https://blog.strapi.io//content/images/2018/10/Screen-Shot-2018-10-13-at-5.13.21-PM.png)\n\n## Strapi:\n [**Strapi** ](https://github.com/strapi/strapi) is the most advanced open-source **Node.js Headless Content Management System** used to build scalable, secure, production ready API's quickly and efficiently saving developers countless hours of development.\n\n With its extensible plugin system, it provides a large set of built-in features: Admin Panel, Authentication \u0026 Permissions management, Content Management, API Generator, etc. Unlike online CMS, **Strapi is 100% open-source** (take a look at the [GitHub repository](https://github.com/strapi/strapi)), which means:\n\n * Strapi is **completely free**.\n * You can **host it on your own servers**, so you own the data.\n * It is entirely **customizable and extensible**, thanks to the plugin system.\n\n## Next.js:\n[ **Next** ](https://github.com/zeit/next.js/ ) is a lightweight development framework to create static, server rendered applications in **React**. Next.js will take care of the heavy lifting of the application such as *code splitting, HMR (hot module replacement) and SSR (server side rendering)* and allow us to focus on the application.\n\n## React:  \n[**React**](https://github.com/facebook/react) is one of the most popular front end Javascript frameworks, developed by facebook and used by countless tech companies including *Netflix, Airbnb and Github* to build applications. React is a declarative library that makes it easy to create interactive user interfaces, keeping the code base organized through its *component based architecture*.  \n\n### GraphQL:\n[**GraphQL**](https://github.com/graphql) is a query language also developed by Facebook to allow the front end of an application to easily query an application's API. Each query requests only the data needed to be rendered by the current view. This allows the developer to craft a great user experience across *multiple devices and screen sizes*.\n\n### Stripe:\n[**Stripe**](https://github.com/stripe) is one of (if not the largest) payment processor's for application today. Stripe has developed the tools and SDKs to allow developers to craft and integrate *secure, compliant payment processing* into any app with easy.\n\n## Table of contents\n\n- 🏗️ [Setup](https://blog.strapi.io/strapi-next-setup) (part 1) - **current**\n- 🏠 [Restaurants](https://blog.strapi.io/strapi-next-restaurants/) (part 2)\n- 🍔 [Dishes](https://blog.strapi.io/strapi-next-dishes) (part 3)\n- 🔐 [Authentication](https://blog.strapi.io/strapi-next-authentication) (part 4)\n- 🛒 [Shopping Card](https://blog.strapi.io/strapi-next-cart) (part 5)\n- 💵 [Order and Checkout](https://blog.strapi.io/strapi-next-order-checkout) (part 6)\n- 🚀 [Bonus: Deploy](https://blog.strapi.io/strapi-next-deploy) (part 7)\n\n\n## Enjoy the tutorial!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapybara003%2Fstrapi-next-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcapybara003%2Fstrapi-next-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapybara003%2Fstrapi-next-tutorial/lists"}