{"id":20209206,"url":"https://github.com/liveblocks/strapi-demo","last_synced_at":"2026-05-10T01:26:02.588Z","repository":{"id":196600825,"uuid":"690292495","full_name":"liveblocks/strapi-demo","owner":"liveblocks","description":null,"archived":false,"fork":false,"pushed_at":"2023-11-16T19:24:46.000Z","size":1794,"stargazers_count":2,"open_issues_count":6,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-13T21:13:18.717Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/liveblocks.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}},"created_at":"2023-09-11T23:24:57.000Z","updated_at":"2023-12-17T19:59:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0d784b1-6be8-4b1d-9b9f-666219ed2c2a","html_url":"https://github.com/liveblocks/strapi-demo","commit_stats":null,"previous_names":["liveblocks/strapi-demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liveblocks%2Fstrapi-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liveblocks%2Fstrapi-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liveblocks%2Fstrapi-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liveblocks%2Fstrapi-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liveblocks","download_url":"https://codeload.github.com/liveblocks/strapi-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241644490,"owners_count":19996180,"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":[],"created_at":"2024-11-14T05:39:16.211Z","updated_at":"2026-05-10T01:25:57.538Z","avatar_url":"https://github.com/liveblocks.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Strapi + Liveblocks demo\n\n![269924690-b02be364-8ea7-42a1-b813-ee14f94ce9e9](https://github.com/liveblocks/strapi-demo/assets/33033422/71e9d624-6e3d-4808-bbb9-512cb76698eb)\n\n## Create environment variables\n\n1. Create an account on [liveblocks.io](https://liveblocks.io/dashboard)\n2. Copy your **secret** key from the\n  [dashboard](https://liveblocks.io/dashboard/apikeys).\n3. Create a new file, `nextjs-site/.env.local`, adding your secret key:\n```bash\nLIVEBLOCKS_SECRET_KEY=\"LIVEBLOCKS_SECRET_KEY_HERE\"\nSTRAPI_BASE_URL=http://127.0.0.1:1337\n```\n4. Create a new file, `strapi-cms/.env` adding your secret key:\n```bash\nLIVEBLOCKS_SECRET_KEY=\"LIVEBLOCKS_SECRET_KEY_HERE\"\nHOST=0.0.0.0\nPORT=1337\nAPP_KEYS=FBLOQQbo8bWnHZqJ95s9KA==,M99BYUU0exAe41Z9qsZSyA==,Kbk51gjo25+xicjl3fNCFQ==,uTOxT189fqv0m2EEmXyAyg==\nAPI_TOKEN_SALT=XOJKLLsAjBt8k405Jq5E2g==\nADMIN_JWT_SECRET=AC6/KiiHjvdpuOvZUDh3Xw==\nTRANSFER_TOKEN_SALT=7GCMWN4bygKLR1vdhUxbSw==\nDATABASE_CLIENT=sqlite\nDATABASE_FILENAME=.tmp/data.db\nJWT_SECRET=Q5E1IK6k8DoKE12Slhgiaw==\n```\n\n## Install this project\n\n1. Go to `strapi-cms/src/plugins/liveblocks-comments-plugin` and use `npm run install`, then `npm run build`.\n2. Go to `strapi-cms` and use `npm run install`, then `npm run build`.\n3. Go to `nextjs-site` and use `npm run install`.\n\n## Run this project\n\n1. Open `strapi-cms` and use `npm run develop -- watch-admin`. \n2. Open `nextjs-site` and use `npm run dev`.\n3. Find the Strapi admin, with comments plugin, at [`http://localhost:8000`](http://localhost:8000).\n4. Navigate to [`http://localhost:3000`](http://localhost:3000) to view the Next.js app.\n\nNote that you'll get a `fetch` error the first time you run the Next.js project. To fix it, do this:\n\n## First time signing in\n\n1. After navigating to [`http://localhost:8000`](http://localhost:8000), sign up as a new user.\n2. Enable the API by going to Settings → Users \u0026 Permissions Plugin → Roles → Public → Marketing-text, ticking `find` and `update`, then pressing Save.\n\n[269922424-438ff596-485f-4916-a519-550a393c7e3e.webm](https://github.com/liveblocks/strapi-demo/assets/33033422/d256e5f3-cc20-425c-8c9f-1098fa84a425)\n\n3. Go to the Content Manager and Publish your content.\n\n[269924168-1716eb65-4a87-4873-86ad-5eafca4beb30.webm](https://github.com/liveblocks/strapi-demo/assets/33033422/147048f6-fe47-436e-93df-548f3bd1fe6d)\n\n\n4. Refresh the Next.js project to see the data load correctly.\n\n![269924690-b02be364-8ea7-42a1-b813-ee14f94ce9e9](https://github.com/liveblocks/strapi-demo/assets/33033422/71e9d624-6e3d-4808-bbb9-512cb76698eb)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliveblocks%2Fstrapi-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliveblocks%2Fstrapi-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliveblocks%2Fstrapi-demo/lists"}