{"id":20401058,"url":"https://github.com/sohanemon/the-three-shop","last_synced_at":"2026-04-10T01:57:39.751Z","repository":{"id":152334373,"uuid":"625107778","full_name":"sohanemon/the-three-shop","owner":"sohanemon","description":"Create your own t-shirt as you want.","archived":false,"fork":false,"pushed_at":"2023-05-01T09:02:42.000Z","size":1204,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T11:52:23.467Z","etag":null,"topics":["drei","framer-motion","next13","nextjs","r3f","react","react-colorful","react-uploader-plugin","redux","redux-toolkit","tailwindcss","three-fiber","threejs","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://3shop.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/sohanemon.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":"2023-04-08T05:03:37.000Z","updated_at":"2023-06-28T16:13:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"b7c17ff8-2f67-4692-8bb4-8b8e1fad9ea9","html_url":"https://github.com/sohanemon/the-three-shop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fthe-three-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fthe-three-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fthe-three-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fthe-three-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sohanemon","download_url":"https://codeload.github.com/sohanemon/the-three-shop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241950081,"owners_count":20047587,"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":["drei","framer-motion","next13","nextjs","r3f","react","react-colorful","react-uploader-plugin","redux","redux-toolkit","tailwindcss","three-fiber","threejs","typescript","vercel"],"created_at":"2024-11-15T04:47:40.940Z","updated_at":"2026-04-10T01:57:34.731Z","avatar_url":"https://github.com/sohanemon.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Getting Started with Three\n\n```sh\nyarn add three @react-three/fiber @react-three/drei maath framer-motion\n```\n\n### Switch between tabs\n\n```tsx\nfunction generateTab(currentTab: string) {\n  switch (currentTab) {\n    case 'colorpicker':\n      return \u003cColorPicker /\u003e;\n    case 'filepicker':\n      return \u003cFilePicker /\u003e;\n    case 'aipicker':\n      return \u003cAiPicker /\u003e;\n    default:\n      null;\n  }\n}\n```\n\n```tsx\nexport default function LeftSideTab() {\n  const currentTab = useSelector((state: RootState) =\u003e state.editor.currentTab);\n\n  return (\n    \u003c\u003e\n      \u003cdiv\u003e{generateTab(currentTab)}\u003c/div\u003e\n    \u003c/\u003e\n  );\n}\n```\n\n## Next 13 / NextJS / API Routes\n\n### GET\n\n```ts\nexport async function GET() {\n  return new Response('Hi man');\n}\n```\n\n### POST\n\n```ts\nexport async function POST(req: Request) {\n  return Response.json({ msg: 'Alhamdulillah' });\n}\n```\n\nOr for type safety use\n\n```ts\nexport async function POST(req: Request) {\n  return NextResponse.json({ msg: 'Alhamdulillah' });\n}\n```\n\nHandling body\n\n```ts\nexport async function POST(req: Request) {\n  // await is must\n  const res = await req.json();\n  return NextResponse.json(res);\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohanemon%2Fthe-three-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsohanemon%2Fthe-three-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohanemon%2Fthe-three-shop/lists"}