{"id":23465754,"url":"https://github.com/natrontech/pocketbase-nextjs-template","last_synced_at":"2025-08-26T23:32:53.830Z","repository":{"id":59912078,"uuid":"538644773","full_name":"natrontech/pocketbase-nextjs-template","owner":"natrontech","description":"This template repository contains the base structure of a nextjs app with a pocketbase backend.","archived":true,"fork":false,"pushed_at":"2024-03-16T21:32:59.000Z","size":21364,"stargazers_count":28,"open_issues_count":8,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-14T11:21:48.718Z","etag":null,"topics":["golang","nextjs","pocketbase","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/natrontech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-19T18:33:24.000Z","updated_at":"2025-03-18T09:33:44.000Z","dependencies_parsed_at":"2023-12-19T17:02:49.513Z","dependency_job_id":"2c4a1827-dd94-41c6-93a3-b6c01a94baa2","html_url":"https://github.com/natrontech/pocketbase-nextjs-template","commit_stats":null,"previous_names":["natrongmbh/pocketbase-nextjs-template"],"tags_count":2,"template":true,"template_full_name":null,"purl":"pkg:github/natrontech/pocketbase-nextjs-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natrontech%2Fpocketbase-nextjs-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natrontech%2Fpocketbase-nextjs-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natrontech%2Fpocketbase-nextjs-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natrontech%2Fpocketbase-nextjs-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/natrontech","download_url":"https://codeload.github.com/natrontech/pocketbase-nextjs-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natrontech%2Fpocketbase-nextjs-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272267230,"owners_count":24903642,"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-08-26T02:00:07.904Z","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":["golang","nextjs","pocketbase","tailwindcss"],"created_at":"2024-12-24T11:36:28.871Z","updated_at":"2025-08-26T23:32:53.305Z","avatar_url":"https://github.com/natrontech.png","language":"TypeScript","funding_links":["https://github.com/sponsors/janlauber"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/natrongmbh/pocketbase-nextjs-template\"\u003e\n        \u003cimg height=\"120px\" src=\"./assets/pocketbase-nextjs-template-logo.png\" /\u003e\n    \u003c/a\u003e\n    \u003ch1 align=\"center\"\u003e\n        PocketBase Next.js Template\n    \u003c/h1\u003e\n    \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://pocketbase.io/\"\u003e\n        \u003cimg height=\"60px\" src=\"https://pocketbase.io/images/logo.svg\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://nextjs.org/\"\u003e\n        \u003cimg height=\"60px\" src=\"https://assets.vercel.com/image/upload/v1662130559/nextjs/Icon_light_background.png\" /\u003e\n    \u003c/a\u003e\n    \u003c/p\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003e\n    A \u003cbr /\u003e\n    \u003ca href=\"https://github.com/natrongmbh/pocketbase-nextjs-template\"\u003eTemplate Repository\u003c/a\u003e\n    \u003cbr /\u003e\n    for \u003ca href=\"https://nextjs.org\"\u003eNext.js\u003c/a\u003e apps with a \u003ca href=\"https://pocketbase.io\"\u003ePocketBase\u003c/a\u003e backend\n  \u003c/strong\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/natrongmbh/pocketbase-nextjs-template/issues\"\u003e\u003cimg\n    src=\"https://img.shields.io/github/issues/natrongmbh/pocketbase-nextjs-template\"\n    alt=\"Build\"\n  /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/sponsors/janlauber\"\u003e\u003cimg\n    src=\"https://img.shields.io/github/sponsors/janlauber\"\n    alt=\"Sponsors\"\n  /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/natrongmbh/pocketbase-nextjs-template\"\u003e\u003cimg\n    src=\"https://img.shields.io/github/license/natrongmbh/pocketbase-nextjs-template\"\n    alt=\"License\"\n  /\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.codefactor.io/repository/github/natrongmbh/pocketbase-nextjs-template\"\u003e\u003cimg\n    src=\"https://www.codefactor.io/repository/github/natrongmbh/pocketbase-nextjs-template/badge\"\n    alt=\"CodeFactor\"\n  /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  pocketbase-nextjs-template allowes you to create a Next.js app with a PocketBase backend in seconds. :rocket:\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cem\u003e\n    Check out the company behind pocketbase-nextjs-template –\n    \u003ca\n      href=\"https://natron.io/\"\n    \u003ehttps://natron.io\u003c/a\u003e\n  \u003c/em\u003e\n\u003c/p\u003e\n\n\u003ch2\u003e\u003c/h2\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\n## Everything you would expect\n\n### Getting started\n\nSearch through all files/folders and replace all instances of `pocketbase-nextjs-template` with your project name.  \nThere is a bash script that does this for you:\n- [./scripts/getting-started.sh](./scripts/getting-started.sh)\n\nJust run it and follow the instructions.  \nTo deploy your app, you can containerize it with the included Dockerfile(s) under [./build/package/pocketbase](./build/package/pocketbase) and [./ui](./ui/).  \nOr simply execute the docker-compose file [docker-compose.yaml](docker-compose.yaml) to run the app locally.  \n\n### Open Source\n\nTrust me, I'm open source.  \nYou can find the source code on [Github](https://github.com/natrongmbh/pocketbase-nextjs-template).  \nThe frontend is written in Next.js and the backend in GoLang (Pocketbase).  \nLicense: GPL 3\n\n### Frontend\n\nThe frontend is written in TypeScript and uses Next.js.  \nIt uses [Tailwind CSS](https://tailwindcss.com/) for styling with [Flowbite React](https://flowbite-react.com) as a design system.  \nThere are also some self-written components in the `components` folder.  \nThese are mostly inspired by the ui of [Pocketbase](https://pocketbase.io).    \nJust use them as you like. They are similar to the Pocketbase UI Components.\n\n\u003ch2\u003e\u003c/h2\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\n## Setup\n\nYou can deploy pocketbase-nextjs-template in your Kubernetes cluster, but you have to set all the env variables.\n\n- [kubernetes-example](/deployments/kubernetes)\n\n### Environment Variables\n\nYou need to set the following Environment \n\n#### Pocketbase\n\n- `POCKETBASE_DATA_DIR` - The directory where the Pocketbase data is stored. Default: `/pb_data`\n- `POCKETBASE_ENCRYPTION_KEY` - The encryption key for the Pocketbase database. Must be 32 characters long.\n\n#### UI\n\n- `ENV_API_URL` - The URL of the API, e.g. `https://template.natron.io` (without trailing slash, but /api at the end, must be accessible from the webclient)\n\n### Docker\n\nYou can also build and run pocketbase-nextjs-template with Docker.\n\n```yaml\nversion: \"3.9\"\nservices:\n  pocketbase:\n    build:\n      context: ./\n      dockerfile: ./build/package/pocketbase/Dockerfile\n    ports:\n      - \"8090:8090\"\n    volumes:\n      - data:/data\n\n  ui:\n    build: ./ui\n    ports:\n      - \"3000:3000\"\n    environment:\n      - ENV_API_URL=http://template.natron.io:8090\n\n\nvolumes:\n  data: {}\n\n```\n\n### Production\n\nYou can deploy pocketbase-nextjs-template in your Kubernetes cluster, but you have to set all the env variables.  \nFor backing up the database, you can consider using [Litestream](https://litestream.io).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatrontech%2Fpocketbase-nextjs-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnatrontech%2Fpocketbase-nextjs-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatrontech%2Fpocketbase-nextjs-template/lists"}