{"id":22432197,"url":"https://github.com/normalhuman01/elclaustro-strapi","last_synced_at":"2025-03-27T07:41:45.069Z","repository":{"id":212869581,"uuid":"732497164","full_name":"normalhuman01/elclaustro-strapi","owner":"normalhuman01","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-16T21:42:59.000Z","size":24046,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T12:45:32.436Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/normalhuman01.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-16T21:40:49.000Z","updated_at":"2023-12-16T21:43:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"1d1ba067-c20f-491f-91ac-11a8315ef670","html_url":"https://github.com/normalhuman01/elclaustro-strapi","commit_stats":null,"previous_names":["normalhuman01/elclaustro-strapi"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Felclaustro-strapi","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Felclaustro-strapi/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Felclaustro-strapi/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Felclaustro-strapi/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/normalhuman01","download_url":"https://codeload.github.com/normalhuman01/elclaustro-strapi/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245806000,"owners_count":20675291,"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-12-05T22:10:56.502Z","updated_at":"2025-03-27T07:41:45.041Z","avatar_url":"https://github.com/normalhuman01.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Strapi Starter Next 13, Tailwind, Typescript and Strapi\n\nnote: This project was started with love by [Trecia](https://github.com/TreciaKS), [Daniel](https://github.com/malgamves) and [Paul](https://github.com/PaulBratslavsky). We were all new to Next 13 and Typescript. If you find any bugs or improvements feel free to create an issue. Thank you all for your support and participation.\n\n![demo-site](https://user-images.githubusercontent.com/6153188/231865321-0da5e81f-4832-4cce-bcd1-ecd79e9b9cc3.gif)\n\n## Getting Started\n\n1. Clone the repository locally:\n\n```bash\n  git clone https://github.com/strapi/nextjs-corporate-starter.git\n    or\n  gh repo clone strapi/nextjs-corporate-starter\n```\n\n2. Run `setup` command to setup frontend and backend dependencies:\n\n```bash\n  yarn setup\n```\n\n3. Next Set up your `.env` file. You can use use the `.env.example` file as reference:\n\n```bash\nHOST=localhost\nPORT=1337\nAPP_KEYS=\"toBeModified1,toBeModified2\"\nAPI_TOKEN_SALT=tobemodified\nADMIN_JWT_SECRET=tobemodified\nJWT_SECRET=tobemodified\nTRANSFER_TOKEN_SALT=tobemodified\n```\n\n4. Start Your Project by running the following command:\n\n```bash\n  yarn build\n  yarn develop\n```\n\nYou will be prompted to create your first admin user.\n\n![admin-user](https://user-images.githubusercontent.com/6153188/231865420-5f03a90f-b893-4057-9634-9632920a7d97.gif)\n\nGreat. You now have your project running. Let's add some data.\n\n## Seeding The Data\n\nWe are going to use our DEITS feature which will alow to easily import data into your project.\n\nYou can learn more about it in our documentation. \u003c-- need link to docs --\u003e\n\nIn the root of our project we have our `seed-data.tar.gz` file. We will use it to seed our data.\n\n1. Open up your terminal and make sure you are still in you `backend` folder.\n\n2. Run the following command to seed your data:\n\n```bash\n  yarn strapi import -f ../seed-data.tar.gz\n```\n\n![after-import](https://user-images.githubusercontent.com/6153188/231865491-05cb5818-a0d0-49ce-807e-a879f7e3070c.gif)\n\nThis will import your data locally. Log back into your admin panel to see the newly imported data.\n\n## Setting Up The Frontend\n\nNext we need to create our `.env` file and paste in the following.\n\n```bash\nNEXT_PUBLIC_STRAPI_API_TOKEN=your-api-token\nNEXT_PUBLIC_PAGE_LIMIT=6\nNEXT_STRAPI_FORM_SUBMISSION_TOKEN=your-form-submission-token\nNEXT_STRAPI_API_URL=http://localhost:1337\n\n```\n\nBefore starting our Next JS app we need to go inside our Strapi Admin and create two tokens that we will be using for **form submission** and displaying our **content**.\n\nInside your Strapi Admin Panel navigate to Settings -\u003e API Tokens and click on the `Create new API Token`.\n\n![api-tokens](https://user-images.githubusercontent.com/6153188/231865572-cebc5538-374c-4050-91cd-c303fae25a3d.png)\n\nHere are our Token Settings\n\nName: Public API Token Content\nDescription: Access to public content.\nToken duration: Unlimited\nToken type: Custom\n\nIn Permissions lets give the following access.\n\n| Content         |   Permissions    |\n| --------------- | :--------------: |\n| Article         | find and findOne |\n| Author          | find and findOne |\n| Category        | find and findOne |\n| Global          |       find       |\n| Page            | find and findOne |\n| Product-feature | find and findOne |\n\n![permissions](https://user-images.githubusercontent.com/6153188/231865625-a3634d89-0f40-4a6d-a356-8f654abd88b9.gif)\n\nOnce you have your token add it to your `NEXT_STRAPI_API_TOKEN` variable name in the `.env` file.\n\n**Alternatively:** you can create a READ only Token that will give READ permission to all your endpoints.  \n\nIn this particular project this is not an issue.  Although the above is the recommended way, just wanted to show you this option here as well.\n\nWhen creating a Token, just select the `Read-only` option from token type drop down.\n\n\u003cimg width=\"1093\" alt=\"create-read-only-token\" src=\"https://github.com/strapi/nextjs-corporate-starter/assets/6153188/3ea6c029-b296-4bbc-a5ce-33eedac52a03\"\u003e\n\n\nNext create a token that will allow us to submit our form.\n\nName: Public API Form Submit\nDescription: Form Submission.\nToken duration: Unlimited\nToken type: Custom\n\nIn Permissions lets give the following access.\n\n| Content              | Permissions |\n| -------------------- | :---------: |\n| Lead-Form-Submission |   create    |\n\nAdd your token to your `NEXT_STRAPI_FORM_SUBMISSION_TOKEN` variable name in the `.env` file.\n\nOnce your environment variables are set you can start your frontend application by running `yarn dev`.\n\nYou should now see your Next JS frontend.\n\n![frontend](https://user-images.githubusercontent.com/6153188/231865662-d870051f-4503-4a01-bc6b-635c7c5ca40d.png)\n\n## Start Both Projects Concurrently\n\nWe can also start both projects with one command using the `concurrently` package.\n\nYou can find the setting inside the `package.json` file inside the root folder.\n\n```json\n{\n  \"scripts\": {\n    \"frontend\": \"yarn dev --prefix ../frontend/\",\n    \"backend\": \"yarn dev --prefix ../backend/\",\n    \"clear\": \"cd frontend \u0026\u0026 rm -rf .next \u0026\u0026 rm -rf cache\",\n    \"init:frontend\": \"cd frontend \u0026\u0026 yarn\",\n    \"init:backend\": \"cd backend \u0026\u0026 yarn\",\n    \"setup\": \"yarn install \u0026\u0026 yarn init:frontend \u0026\u0026 yarn init:backend\",\n    \"dev\": \"yarn clear \u0026\u0026 concurrently \\\"cd frontend \u0026\u0026 yarn dev\\\" \\\"cd backend \u0026\u0026 yarn develop\\\"\"\n  },\n  \"dependencies\": {\n    \"concurrently\": \"^7.6.0\"\n  }\n}\n```\n\nYou can start both apps by running `yarn dev`.\n\n## Conclusion\n\nHope you find this starter useful, it is a bare-bone example to help you get started quickly.\n\nWould love to hear what you will build using it.\n\nIf you find bugs or have suggestions feel free to create issues.\n\nThank you and stay awesome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnormalhuman01%2Felclaustro-strapi","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnormalhuman01%2Felclaustro-strapi","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnormalhuman01%2Felclaustro-strapi/lists"}