{"id":22612275,"url":"https://github.com/rcrdk/ignite-shop","last_synced_at":"2026-04-29T21:33:36.078Z","repository":{"id":222474787,"uuid":"757060902","full_name":"rcrdk/ignite-shop","owner":"rcrdk","description":"A simple t-shirt store app with Stripe API integration on a Next.js App.","archived":false,"fork":false,"pushed_at":"2024-03-04T17:47:06.000Z","size":999,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-03T10:12:02.547Z","etag":null,"topics":["axios","nextjs","react","react-router","stitches","stripe-api","use-shopping-cart"],"latest_commit_sha":null,"homepage":"https://ignite-shop-rcrdk.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/rcrdk.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":"2024-02-13T19:17:12.000Z","updated_at":"2024-08-29T13:36:38.000Z","dependencies_parsed_at":"2024-03-03T15:26:35.066Z","dependency_job_id":"b6bb282e-3a0e-4c15-9982-dfe5c1c2b6ce","html_url":"https://github.com/rcrdk/ignite-shop","commit_stats":null,"previous_names":["rcrdk/ignite-shop"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcrdk%2Fignite-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcrdk%2Fignite-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcrdk%2Fignite-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcrdk%2Fignite-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rcrdk","download_url":"https://codeload.github.com/rcrdk/ignite-shop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246117690,"owners_count":20726068,"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":["axios","nextjs","react","react-router","stitches","stripe-api","use-shopping-cart"],"created_at":"2024-12-08T17:11:49.416Z","updated_at":"2026-04-29T21:33:31.056Z","avatar_url":"https://github.com/rcrdk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 👕 Ignite Store\nI developed this project as a challenge of my latest studies on React lessons at [Rocketseat](https://www.rocketseat.com.br).\n\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Ignite Store Project Preview\" src=\"https://github.com/rcrdk/ignite-shop/blob/main/public/preview.jpg?raw=true\" width=\"100%\" /\u003e\n\u003c/p\u003e\n\n## 🚀 Techs and Tools\n\n- [React](https://reactjs.org) + [Next.JS](https://nextjs.org)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Figma](http://figma.com/)\n- [Stitches](https://stitches.dev)\n- [React Router](https://reactrouter.com/en/main)\n- [Axios](https://axios-http.com/docs/intro) + [Stripe API](https://docs.stripe.com/api)\n- [Use Shopping Cart](https://useshoppingcart.com/)\n\n## 💻 Project\n\nThis project was developed based on a Figma design provied by the school. The main practice was the integration between this Next.js application and the Stripe API.\nThe products was added on Stripe platform and it's API was used to retrieve product and manage order checkout. It was used Use Shopping Cart, specific for Stripe data,\nfor managing states and logic of cart. The project was developed under Next.js framework where were applied static site generation (SSG). serve-side rendering (SSR)\nand API Routes for better caching and performance, more readability for SEO and for safety reasons such as procteting secret variables.\n\n**It includes:** A home page listing all available products at Stripe; A product page with details and add to cart function; A cart of\nproducts with controls and a checkout to Stripe; A success page with all order information.\n\n## 🔗 Links\n\n- [Design / Figma](https://www.figma.com/file/ycTCVX4kufunHUHt2mz1tE/Aula-%2B-Desafio---Ignite-Shop-2.0?type=design\u0026mode=design\u0026t=w65MDEg4HrZSfUjC-1)\n- [Deploy](https://ignite-shop-rcrdk.vercel.app/)\n\n## ⚙️ Enviroment Variables\n\n```shell\nNEXT_URL=\u003cSTART_URL\u003e\nSTRIPE_PUBLIC_KEY=\u003cYOUR_KEY\u003e\nSTRIPE_SECRET_KEY=\u003cYOUR_KEY\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frcrdk%2Fignite-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frcrdk%2Fignite-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frcrdk%2Fignite-shop/lists"}