{"id":19581433,"url":"https://github.com/tigawanna/pocketbook","last_synced_at":"2025-08-21T18:24:05.996Z","repository":{"id":164129313,"uuid":"639577857","full_name":"tigawanna/pocketbook","owner":"tigawanna","description":"Minimal social app with rakkasjs vite ssr, shadcn and  pocketbase","archived":false,"fork":false,"pushed_at":"2024-01-24T13:31:53.000Z","size":866,"stargazers_count":16,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T23:33:23.687Z","etag":null,"topics":["appdir","nextjs13","pocketbase","shadcn-ui","tailwindscss","tanstack-react-query"],"latest_commit_sha":null,"homepage":"https://pocketbook-pi.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/tigawanna.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-05-11T18:50:19.000Z","updated_at":"2025-03-30T02:19:27.000Z","dependencies_parsed_at":"2023-12-21T20:15:20.384Z","dependency_job_id":"78260002-4857-4be6-a5ed-356060f4aae0","html_url":"https://github.com/tigawanna/pocketbook","commit_stats":null,"previous_names":["tigawanna/pocketbook"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tigawanna%2Fpocketbook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tigawanna%2Fpocketbook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tigawanna%2Fpocketbook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tigawanna%2Fpocketbook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tigawanna","download_url":"https://codeload.github.com/tigawanna/pocketbook/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251118983,"owners_count":21539190,"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":["appdir","nextjs13","pocketbase","shadcn-ui","tailwindscss","tanstack-react-query"],"created_at":"2024-11-11T07:36:17.368Z","updated_at":"2025-04-27T09:33:08.450Z","avatar_url":"https://github.com/tigawanna.png","language":"TypeScript","funding_links":[],"categories":["Boilerplates \u0026 Starters"],"sub_categories":[],"readme":"# RAKKAS + TAILWIND\nRakkas js starter template \nPackages \n\n- tailwind+shadcn+daisyui for styling\n    shadch add commands will work and put the components in scr/compnents/shadcn/ui\n    buy default this tempalte comes with\n    - button\n    - dialog    \n    - alert-dialog  \n    - avatar        \n    - card     \n    - dropdown-menu  \n    - popover      \n    - input \n    - textarea\n    - label          \n    - checkbox \n    - select       \n   run \n   ```sh\n   npx shadcn-ui@latest add \n   ``` \n   to add [more component](https://ui.shadcn.com/docs/components/accordion)\n   \n   then run \n   ```sh\n   npx daisyfy shadcn\n   ``` \n   to make it work with the daisyui themes          \n\nthe theme is persietd using cokies for smooth SSR without hydration errors and FOUC \n\n```tsx\nsrc/entry-hattip.tsx\n      emitToDocumentHead() {\n        const cookie_theme = requestContext?.cookie?.theme;\n        return `\n    \u003clink rel=\"icon\" type=\"image/svg+xml\" href=\"/site.svg\" /\u003e\n    \u003cscript\u003e\n      (function() {\n        document.documentElement.setAttribute(\"data-theme\", \"${cookie_theme}\");\n      })();\n     \u003c/script\u003e\n     \u003cscript\u003e$TQD=Object.create(null);$TQS=data=\u003eObject.assign($TQD,data);\u003c/script\u003e\n  `;\n      },\n```\nyou can also change the favico/other attributes you want to inject to the ducumnet head there \nothere places this can be changed is in [preload functions](https://rakkasjs.org/guide/preload-function)\n```tsx\nsrc/routes/layout.tsx\n\nLayout.preload = (ctx: PageContext) =\u003e {\n  return {\n    head: {\n      title: \"Chez Maison\",\n      keywords:\n        \"bills, property managent,tenancy,monthly,billing,invoice\",\n      description: \"intergrated property management app  \",\n    },\n  };\n};\n\n```\nor in the head component [read more](https://rakkasjs.org/guide/pages-and-basics)\n\n\nto modify/add themes add the in the [tailwind config](/tailwind.config.js) daisyui object , [read more](https://daisyui.com/docs/themes/)\n\n```ts\n  daisyui: {\n    //  3 themes\n    themes: [\n      {\n        light: {\n          ...require(\"daisyui/src/theming/themes\")[\"wireframe\"],\n          \"color-scheme\": \"light\",\n          fontFamily: \"\",\n          primary: \"#433922\",\n          secondary: \"#34d399\",\n          accent: \"#343232\",\n          neutral: \"#ffe4e6\",\n          info: \"#62c2d5\",\n          accent: \"#966919\",\n          success: \"#25bbac\",\n          warning: \"#c88314\",\n          error: \"#e77982\",\n          \"--rounded-btn\": \"1.9rem\",\n          \"--tab-border\": \"2px\",\n          \"--tab-radius\": \".5rem\",\n        },\n        dark: {\n          ...require(\"daisyui/src/theming/themes\")[\"wireframe\"],\n          accent: \"#343232\",\n          fontFamily: \"\",\n          \"base-100\": \"#000000\",\n          \"base-200\": \"#0D0D0D\",\n          \"base-300\": \"#1A1919\",\n          neutral: \"#272626\",\n          \"color-scheme\": \"dark\",\n          primary: \"#433922\",\n          secondary: \"#34d399\",\n          accent: \"#966919\",\n          info: \"#62c2d5\",\n          success: \"#25bbac\",\n          warning: \"#c88314\",\n          error: \"#e77982\",\n          \"--rounded-btn\": \"1.9rem\",\n          \"--tab-border\": \"2px\",\n          \"--tab-radius\": \".5rem\",\n        },\n\n      },\n    ],\n\n\n  },\n```\n\n\n\n- tanstack/react-query for data fetching\n  \u003e fetching is done on SSR in the rakksjs hooks \n  - [entry-client.tsx](/src/entry-client.tsx)\n  - [entry-hattip.tsx](/src/entry-hattip.tsx)\n \n  [read more](https://github.com/rakkasjs/tanstack-query)\n\nfor server only fetchigg / mutation use useServerSideQuery and useServerSideMutation [read more](https://rakkasjs.org/guide/use-server-side-query)\n\n- @tanem/react-nprogress : for nprogress bar on route change\n- pocketbase + [typed-pocketbase](https://github.com/david-plugge/typed-pocketbase)\n To generate type , \n run the command inside the pocketbase directory (same directory in which you run `./pocketbase serve` )\n ```sh\n npx typed-pocketbase --email ypurtypegen@email.com --password your_typegen_pasorword -o Database.d.ts\n ```\n then copy the Database.d.ts\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftigawanna%2Fpocketbook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftigawanna%2Fpocketbook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftigawanna%2Fpocketbook/lists"}