{"id":24367788,"url":"https://github.com/sammy212/fizzi-soda","last_synced_at":"2026-04-10T07:39:03.045Z","repository":{"id":273060607,"uuid":"909250784","full_name":"Sammy212/fizzi-soda","owner":"Sammy212","description":"Fictious Soda (FIZZI) Brand's eCommerce Landing Page Built with Next14 | GSAP | Three.js | Prismic | Drei |","archived":false,"fork":false,"pushed_at":"2025-01-18T10:48:49.000Z","size":2830,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T10:33:04.365Z","etag":null,"topics":["3d","animation","ecommerce","gsap","landing-page","nextjs14","prismic","tailwind","three-dimensions","threejs","zustand"],"latest_commit_sha":null,"homepage":"https://fizzi-beta.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/Sammy212.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-12-28T06:20:02.000Z","updated_at":"2025-01-18T10:48:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"c97affc1-9e28-40ce-a39e-8b994672f45d","html_url":"https://github.com/Sammy212/fizzi-soda","commit_stats":null,"previous_names":["sammy212/fizzi-soda"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sammy212/fizzi-soda","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sammy212%2Ffizzi-soda","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sammy212%2Ffizzi-soda/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sammy212%2Ffizzi-soda/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sammy212%2Ffizzi-soda/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sammy212","download_url":"https://codeload.github.com/Sammy212/fizzi-soda/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sammy212%2Ffizzi-soda/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274776758,"owners_count":25347639,"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-09-12T02:00:09.324Z","response_time":60,"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":["3d","animation","ecommerce","gsap","landing-page","nextjs14","prismic","tailwind","three-dimensions","threejs","zustand"],"created_at":"2025-01-19T02:55:04.200Z","updated_at":"2026-04-10T07:39:03.018Z","avatar_url":"https://github.com/Sammy212.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Prismic + Next.js Minimal Starter\n\nWant to quickly get started building your own project with [Prismic][prismic] and [Next.js][nextjs]? This project includes basic configurations and nothing else. The project includes one Rich Text Slice, a homepage, and a dynamic page.\n\n- **Demo**: [Open live demo][live-demo]\n- **Learn more about Prismic and Next.js**: [Prismic Next.js Documentation][prismic-docs]\n\n\u0026nbsp;\n\n![Website screenshot](https://user-images.githubusercontent.com/31219208/228821412-fdde92b2-c13c-4287-b799-611fa96a5fd6.png)\n\n\u0026nbsp;\n\n## 🚀 Quick Start\n\nTo start a new project using this starter, run the following commands in your terminal:\n\n```sh\nnpx degit prismicio-community/nextjs-starter-prismic-minimal your-project-name\ncd your-project-name\nnpx @slicemachine/init@latest\n```\n\nThe commands will do the following:\n\n1. Start a new Next.js project using this starter.\n2. Ask you to log in to Prismic or [create an account][prismic-sign-up].\n3. Create a new Prismic content repository with sample content.\n\nWhen you're ready to start your project, run the following command:\n\n```sh\nnpm run dev\n```\n\n## How to use your project\n\nTo edit the content of this project, go to [prismic.io/dashboard](https://prismic.io/dashboard), click on the repository for this website, and start editing.\n\n### Create a page\n\nTo create a page, click on the green pencil icon, then select **Page**.\n\nPages are made of Slices. You can add and rearrange Slices to your pages.\n\nYour new page will be accessible by its URL, but it won't appear on the website automatically. To let users discover it, add it to the navigation.\n\n### Preview documents\n\nIf you chose this starter when you created a new repository from the Prismic Dashboard, then your repository is preconfigured with previews on localhost. To change the preview configuration or add previews to your production or staging environments, see [Preview Drafts in Next.js](https://prismic.io/docs/technologies/preview-content-nextjs) in the Prismic documentation.\n\n### Customize this website\n\nThis website is preconfigured with Prismic. It has three Prismic packages installed:\n\n- `@prismicio/client` provides helpers for fetching content from Prismic\n- `@prismicio/react` provides React components for rendering content from Prismic\n- `@prismicio/next` provides a wrapper component to configure Prismic previews\n\nThese packages are already integrated and employed in this app. Take a look at the code to see how they're used.\n\n### Edit the code\n\nThere are two steps to rendering content from Prismic in your Next.js project:\n\n1. Fetch content from the Prismic API using `@prismicio/client`.\n2. Template the content using components from `@prismicio/react`.\n\nHere are some of the files in your project that you can edit:\n\n- `prismicio.ts` - This file includes configuration for `@prismicio/client` and exports useful API helpers.\n- `app/layout.tsx` - This is your layout component, which includes configuration for `@prismicio/react` and `@prismicio/next`.\n- `app/page.tsx` - This is the app homepage. It queries and renders a page document with the UID (unique identifier) \"home\" from the Prismic API.\n- `app/[uid]/page.tsx` - This is the page component, which queries and renders a page document from your Prismic repository based on the UID.\n- `slices/*/index.tsx` - Each Slice in your project has an index.tsx file that renders the Slice component. Edit this file to customize your Slices.\n\nThese are important files that you should leave as-is:\n\n- `app/api/exit-preview/route.ts` - Do not edit or delete this file. This is the API endpoint to close a Prismic preview session.\n- `app/api/preview/route.ts` - Do not edit or delete this file. This is the API endpoint to launch a Prismic preview session.\n- `app/slice-simulator/page.tsx` - Do not edit or delete this file. This file simulates your Slice components in development.\n- `slices/` - This directory contains Slice components, which are generated programmatically by Slice Machine. To customize a Slice template, you can edit the Slice's index.tsx file. To add Slices, delete Slices, or edit Slice models, use Slice Machine (more info below).\n\nLearn more about how to edit your components with [Fetch Data in Next.js](https://prismic.io/docs/technologies/fetch-data-nextjs) and [Template Content in Next.js](https://prismic.io/docs/technologies/template-content-nextjs).\n\nLearn more about how to use [TypeScript with Prismic](https://prismic.io/docs/typescript-nextjs).\n\n### Deploy to the web\n\nTo put your project online, see [Deploy your Next.js App](https://prismic.io/docs/technologies/deploy-nextjs).\n\n### Edit content models with Slice Machine\n\nThis project includes an application called Slice Machine, which generates models for your Custom Types and Slices. Slice Machine stores the models locally in your codebase, so you can save and version them. It also syncs your models to Prismic. To learn how to use Slice Machine, read [Model Content in Next.js](https://prismic.io/docs/technologies/model-content-nextjs).\n\nIf you change or add to your Custom Types, you'll need to update your route handling to match. To learn how to do that, read [Define Paths in Next.js](https://prismic.io/docs/technologies/define-paths-nextjs).\n\n## Documentation\n\nFor the official Prismic documentation, see [Prismic's guide for Next.js][prismic-docs] or the [technical references for the installed Prismic packages](https://prismic.io/docs/technologies/technical-references).\n\n## License\n\n```\nCopyright 2013-2022 Prismic \u003ccontact@prismic.io\u003e (https://prismic.io)\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n\n[prismic]: https://prismic.io/\n[prismic-docs]: https://prismic.io/docs/technologies/nextjs\n[prismic-sign-up]: https://prismic.io/dashboard/signup\n[nextjs]: https://nextjs.org/\n[live-demo]: https://nextjs-starter-prismic-minimal.vercel.app/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsammy212%2Ffizzi-soda","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsammy212%2Ffizzi-soda","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsammy212%2Ffizzi-soda/lists"}