{"id":14962987,"url":"https://github.com/oceansoftio/cms-blog","last_synced_at":"2025-10-25T00:31:47.857Z","repository":{"id":58675667,"uuid":"532826580","full_name":"OceanSoftIO/cms-blog","owner":"OceanSoftIO","description":"⚡ Strapi Headless-CMS template for creating blog apps, such as Education, Agency, Beauty, Medical, News, Personal, and Science.","archived":false,"fork":false,"pushed_at":"2022-10-12T05:05:55.000Z","size":11222,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2024-10-30T00:35:48.512Z","etag":null,"topics":["blog","strapi","strapi-template"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/strapi-blog","language":"JavaScript","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/OceanSoftIO.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}},"created_at":"2022-09-05T09:15:43.000Z","updated_at":"2023-08-21T16:49:30.000Z","dependencies_parsed_at":"2023-01-19T20:00:48.341Z","dependency_job_id":null,"html_url":"https://github.com/OceanSoftIO/cms-blog","commit_stats":null,"previous_names":["oceansoftio/strapi-template-blog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanSoftIO%2Fcms-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanSoftIO%2Fcms-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanSoftIO%2Fcms-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanSoftIO%2Fcms-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OceanSoftIO","download_url":"https://codeload.github.com/OceanSoftIO/cms-blog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238053514,"owners_count":19408699,"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":["blog","strapi","strapi-template"],"created_at":"2024-09-24T13:30:52.373Z","updated_at":"2025-10-25T00:31:47.436Z","avatar_url":"https://github.com/OceanSoftIO.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Strapi Template \u003e\u003e Blog\n\n⚡ Strapi is an Open-Source NodeJS Headless CMS with a fully customizable API that lets you develop practical, production-ready Node.js APIs in hours instead of weeks.\n\n🎯 Strapi-V4 Headless-CMS Template for creating Blog CMS Backend, such as Education, Agency, Beauty, Medical, News, Personal, and Science 🎁💲.\n\n🐳 https://blog.oceansoft.io/strapi-nodejs-headless-cms/\n\n\n## ✨ Usage\n\n### Step 1: [Backend] Install Strapi Backend\n\n```\necho \"Strapi V4 template: https://github.com/OceanSoftIO/cms-blog/tree/main/template\"\nyarn create strapi-app backend --quickstart --template strapi-blog\n\necho \"Strapi V3 OLD-version !!!\"\n# yarn create strapi-app backend --quickstart --template https://github.com/OceanSoftIO/cms-blog\n```\n\n* ✅ When the installation is complete, Strapi's administration panel will open in your browser, and you can register a user and get started creating content.\n\n\n## Step 2. [Backend] Powerful CMS-Backend REST \u0026 GraphQL APIs\n\n```\ncd backend\n\nyarn install\nyarn develop\n```\n\n\n### Step 3: [Frontend] Installing Gatsby plugins \u0026 Enter Access Credentials\n\n* ✅ After installing Strapi, you need to install the Gatsby plugin.\n\n  ```\n  cd ../frontend\n  # yarn add gatsby-source-strapi\n  ```\n\n\u003e Auto-generated Access Credentials\n\n* ✅ If you are working on local development, create a .env file and paste your Strapi credentials in it. \n* ☑️ To deploy your application in production, you need to add the environment variables to your deployment platform provider.\n\n  ```\n  echo \"Move backend/frontend.env.development to frontend/.env\"\n  mv ../backend/frontend.env.development .env\n  # cat frontend/.env\n  ```\n\n  \u003e `frontend/.env`\n\n  ```\n  STRAPI_API_URL=Your_Strapi_Server_URL\n  STRAPI_TOKEN=Your_Strapi_API_Token\n  ```\n\n### Step 4: Register Strapi CMS plugin\n\n\u003e `frontend/gatsby-config.js`\n\n```javascript\nrequire('dotenv').config()\n\nmodule.exports = {\n  plugins: [\n    {\n      resolve: 'gatsby-source-strapi',\n      options: {\n        apiURL: process.env.STRAPI_API_URL || 'http://localhost:1337',\n        accessToken: process.env.STRAPI_TOKEN,\n        collectionTypes: ['article', 'category', 'author'],\n        queryLimit: 1000\n      }\n    },\n    {\n      /** ATTENTION: Match the theme name with the theme you're using */\n      resolve: '@oceansoft/gatsby-blog-education',\n      options: {\n        sources: {\n          strapi: true,\n          local: false\n        }\n      }\n    }\n  ]\n}\n```\n\n### Step 5. Gatsby\n\n* Every time you modify `gatsby-config.js` file, you need to clean the cache:\n\n  `yarn clean`\n\n* That’s it! You can now start gatsby dev server to see your content from Strapi.\n\n  `yarn develop`\n\n### Step 5 (Optional): Automate Re-building\n\nIf you’re planning to deploy your site to AWS, Netlify or Vercel, you can automate deployments by configuring webhooks to trigger a site rebuild when content is modified in your Strapi panel.\n\n* [Webhooks explained and how to use them in Strapi](https://strapi.io/blog/webhooks)\n* [Triggering a deploy in Netlify automatically after updating content in Strapi](https://chriswray.dev/posts/triggering-a-deploy-in-netlify-automatically-after-updating-content-in-strapi)\n\n\u003e [🎁 Installation Service 💲](https://github.com/OceanSoftIO/cms/tree/main/templates/blog)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foceansoftio%2Fcms-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foceansoftio%2Fcms-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foceansoftio%2Fcms-blog/lists"}