{"id":19999140,"url":"https://github.com/mr-addict/playground","last_synced_at":"2026-02-16T23:03:53.004Z","repository":{"id":65410911,"uuid":"589889747","full_name":"MR-Addict/playground","owner":"MR-Addict","description":"Personal Next.js Playground","archived":false,"fork":false,"pushed_at":"2024-11-28T04:32:11.000Z","size":3270,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-28T05:20:04.674Z","etag":null,"topics":["next-auth","nextjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://playground-mraddict.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/MR-Addict.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":"2023-01-17T07:18:55.000Z","updated_at":"2024-11-28T04:32:15.000Z","dependencies_parsed_at":"2024-11-13T05:10:53.521Z","dependency_job_id":"226f3fe4-dbd2-47d2-af68-8257075a0741","html_url":"https://github.com/MR-Addict/playground","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/MR-Addict%2Fplayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MR-Addict%2Fplayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MR-Addict%2Fplayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MR-Addict%2Fplayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MR-Addict","download_url":"https://codeload.github.com/MR-Addict/playground/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233606414,"owners_count":18701614,"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":["next-auth","nextjs","tailwindcss"],"created_at":"2024-11-13T05:10:49.578Z","updated_at":"2025-09-19T23:31:21.192Z","avatar_url":"https://github.com/MR-Addict.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Next.js Playground\n\n## 1. Packages\n\n- [x] Zod\n- [x] Sass\n- [x] Sharp\n- [x] Sanity\n- [x] Nextauth\n- [x] Typescript\n- [ ] Turbopack\n- [x] Codemirror\n- [x] Nodemailer\n- [x] Tailwindcss\n- [x] Gray Matter\n- [x] React Icons\n- [x] Mongodb Altas\n- [x] Framer Motion\n- [x] Next MDX Remote\n- [x] Bcrypt(Replaced by bcryptjs, only used on server side)\n\n## 2. Components\n\n- [x] Popup\n- [x] Error\n- [x] Footer\n- [x] Loading\n- [x] Tooltip\n- [x] Youtube\n- [x] Codepen\n- [x] Markdown\n- [x] Cronitor\n- [x] ScrollToTop\n\n## 3. Features\n\n- [x] `src` folder\n- [x] Blog\n- [x] Login\n- [x] Tools\n- [x] Mongodb\n- [x] Feedback\n- [x] Add Moments\n- [x] Live timeago\n- [x] Login user group\n- [x] Online HTMl playground\n- [x] Capture website from url\n- [x] Playground(Hidden interactive eggs)\n\n## 4. Bugs\n\n- [x] Cannot use bcrypt(Replaced by bcryptjs, only used on server side)\n- [x] Only root `loading.tsx` usable(Seems that the bug has been fixed after 13.1.6)\n- [x] Cannot generate static pages using force-cache(Solved because of Nextauth unstabl_getServerSession at root navbar)\n\n## 5. Traps\n\n- [x] Server side cannot access client-side api route\n- [x] Client side cannot access server-side environment(env in next config accessible globally)\n- [x] `dns not found` error mostly you put server component in client component. They even cannot be in the same `index.ts`.\n\n## 6. TODOs\n\n- [x] Add page loading progress bar(2023.4.1 Tricky way to solve it)\n- [ ] Better way to update user session whenever a user first opens page\n- [x] Gist page add add and delete button(2023.4.12 Solved by using sanity studio)\n\n## 7. Tailwindcss Rules\n\n| Key         | Value     |\n| :---------- | :-------- |\n| Max width   | sm        |\n| Break point | md        |\n| Duration    | 300       |\n| Light       | gray-500  |\n| Dark        | gray-700  |\n| Theme       | green-600 |\n\n## 8. Deploy\n\nAdd `.env` file:\n\n```env\nMAILFROM=\"your_email\"\nMAILPASS=\"your_email_pass\"\nOPENAI_TOKEN=\"create_a_openai_token\"\nGITHUB_TOKEN=\"create_a_github_token\"\nNEXTAUTH_SECRET=\"create_a_nextauth_secret\"\nSANITY_PROJECT_ID=\"create_a_sanity_project_id\"\nNEXTAUTH_URL=\"https://your.website.domain.com/\"\nMONGODB_URI=\"mongodb://username:password@mongodb0.example.com:27017/\"\n```\n\nBuild project:\n\n```bash\nnpm run build\n```\n\nStart project:\n\n```bash\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr-addict%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmr-addict%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr-addict%2Fplayground/lists"}