{"id":49443119,"url":"https://github.com/happylifedev/krycha-store","last_synced_at":"2026-04-29T21:03:15.982Z","repository":{"id":319926858,"uuid":"1078015645","full_name":"happylifedev/Krycha-Store","owner":"happylifedev","description":"Fullstack Next.js e-commerce app using Firebase, Stripe, and SSG for fast, secure, and SEO-optimized shopping.","archived":false,"fork":false,"pushed_at":"2025-10-20T23:32:31.000Z","size":19335,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-21T01:23:44.216Z","etag":null,"topics":["firbase","nextjs","react","sass","typscript"],"latest_commit_sha":null,"homepage":"https://krycha-store.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/happylifedev.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-17T04:49:16.000Z","updated_at":"2025-10-20T23:32:34.000Z","dependencies_parsed_at":"2025-10-21T01:34:57.012Z","dependency_job_id":null,"html_url":"https://github.com/happylifedev/Krycha-Store","commit_stats":null,"previous_names":["happylifedev/krycha-store"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/happylifedev/Krycha-Store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/happylifedev%2FKrycha-Store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/happylifedev%2FKrycha-Store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/happylifedev%2FKrycha-Store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/happylifedev%2FKrycha-Store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/happylifedev","download_url":"https://codeload.github.com/happylifedev/Krycha-Store/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/happylifedev%2FKrycha-Store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32443576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T20:22:27.477Z","status":"ssl_error","status_checked_at":"2026-04-29T20:22:26.507Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["firbase","nextjs","react","sass","typscript"],"created_at":"2026-04-29T21:03:15.093Z","updated_at":"2026-04-29T21:03:15.969Z","avatar_url":"https://github.com/happylifedev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Krycha Store gif](https://github.com/Krycha94/fullstack-nextjs-ecommerce/blob/main/public/krycha-store-gif.gif?raw=true)\n\n# Krycha Store\n\n[SEE THIS PROJECT LIVE](https://krycha-store.vercel.app/)\n\n## Project Overview\n\nKrycha Store is Fullstack Next.js E-Commerce website. The main use of Next.js in this project is pre-rendering, specifically Static Site Generation (SSG). Pre-rendering can result in better performance and SEO which is important in commercial websites. For backend, I used Firebase, so I don't have to worry about implementing, scaling, or maintaining the backend at all and can focus on Frontend only. The application is also tested with Jest and React Testing Library.\n\nSearch for the products you are interested in and add them to your shopping cart. To be able to make a purchase, you will need to create an account and then log in. Finally, website uses Stripe to complete the transaction.\n\n## Technologies\n\nIn this project I used:\n\n- [Next.js](https://nextjs.org/) React Based framework with server side rendering capability. It is very fast and SEO friendly (version: 13.4.1)\n- [React](https://reactjs.org/) JavaScript library for building user interfaces (version: 18.2.0)\n- [Typescript](https://www.typescriptlang.org/) Javascript superset, which add static typing to Javascript (version: 5.0.4)\n- [SASS](https://sass-lang.com/) CSS with superpowers. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world (version: 1.61.0)\n- [Firebase](https://firebase.google.com/) Backend platform for building Web, Android and IOS applications. It offers real time database, different APIs, multiple authentication types and hosting platform (version: 9.19.1)\n- [Jest](https://jestjs.io/) JavaScript Testing Framework with a focus on simplicity (version: 29.5.0)\n- [React Testing Library](https://testing-library.com/) Set of helpers that let you test React components without relying on their implementation details (version: 14.0.0)\n- [Stripe](https://stripe.com/) Suite of APIs powering online payment processing and commerce solutions for internet businesses of all sizes (version: 12.3.0)\n- [Framer Motion](https://www.framer.com/motion/) Simple yet powerful motion library for React. It powers the amazing animations and interactions (version: 10.12.8)\n- [React Icons](https://react-icons.github.io/react-icons/) Small library that helps you add icons (from all different icon libraries) to your React apps (version: 4.8.0)\n- [React Hot Toast](https://react-hot-toast.com/) Add beautiful notifications to your React app (version: 2.4.1)\n\n## Screenshots\n\n## Installation\n\nClone repo and install all the dependencies\n\nCreate file named\n\n```\n.env\n```\n\nWhich will contain all environmental variable\n\n```\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=\u003cYOUR STRIPE PUBLISHABLE KEY\u003e\nNEXT_PUBLIC_STRIPE_SECRET_KEY=\u003cYOUR STRIPE SECRET KEY\u003e\nNEXT_PUBLIC_FIREBASE_API_KEY=\u003cYOUR FIREBASE API KEY\u003e\nNEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=\u003cYOUR FIREBASE AUTH DOMAIN\u003e\nNEXT_PUBLIC_FIREBASE_PROJECT_ID=\u003cYOUR FIREBASE PROJECT ID\u003e\nNEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=\u003cYOUR FIREBASE STORAGE BUCKET\u003e\nNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=\u003cYOUR FIREBASE MESSAGING SENDER ID\u003e\nNEXT_PUBLIC_FIREBASE_APP_ID=\u003cYOUR FIREBASE APP ID\u003e\n```\n\nRun app in development mode\n\n```\nnpm run dev\n```\n\nBuild for production then run app\n\n```\nnpm run build\nnpm run start\n```\n\nTest app\n\n```\nnpm run test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhappylifedev%2Fkrycha-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhappylifedev%2Fkrycha-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhappylifedev%2Fkrycha-store/lists"}