{"id":15192356,"url":"https://github.com/esquiafo/astro-solid","last_synced_at":"2026-03-04T12:32:01.585Z","repository":{"id":153557387,"uuid":"629833485","full_name":"Esquiafo/Astro-Solid","owner":"Esquiafo","description":"Astro and Solid","archived":false,"fork":false,"pushed_at":"2023-04-24T01:21:46.000Z","size":1153,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-11T08:48:25.056Z","etag":null,"topics":["astro","astrojs","crud","fetch","fetch-api","get","graphql","graphql-client","http","solid","solidjs","strapi","strapi-cms","strapi-plugin","typescript"],"latest_commit_sha":null,"homepage":"https://astro-solid.vercel.app/","language":"Astro","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/Esquiafo.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-04-19T05:55:01.000Z","updated_at":"2023-04-24T01:30:30.000Z","dependencies_parsed_at":"2023-05-19T14:15:12.403Z","dependency_job_id":null,"html_url":"https://github.com/Esquiafo/Astro-Solid","commit_stats":{"total_commits":45,"total_committers":4,"mean_commits":11.25,"dds":"0.15555555555555556","last_synced_commit":"7b1d29e21f88dd082b7e2605790fb991bf26d21f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Esquiafo%2FAstro-Solid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Esquiafo%2FAstro-Solid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Esquiafo%2FAstro-Solid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Esquiafo%2FAstro-Solid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Esquiafo","download_url":"https://codeload.github.com/Esquiafo/Astro-Solid/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241180858,"owners_count":19923306,"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":["astro","astrojs","crud","fetch","fetch-api","get","graphql","graphql-client","http","solid","solidjs","strapi","strapi-cms","strapi-plugin","typescript"],"created_at":"2024-09-27T21:22:02.882Z","updated_at":"2025-11-24T12:01:24.166Z","avatar_url":"https://github.com/Esquiafo.png","language":"Astro","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003e\n   :pencil: Strapi + GraphQL :pencil:\n  \u003c/h1\u003e\n\n\u003c/div\u003e\n\n# Install command\n\n        strapi new FOLDERNAME --quickstart \n        cd FOLDERNAME\n        yarn strapi install graphql\n        yarn strapi develop \n\n# Populate Data\n   - ## Menu | Content-type Builder |\n        - ### =\u003e Create New Collection Type \u003c=\n\n       ![Screenshot from 2023-04-23 21-49-55](https://user-images.githubusercontent.com/57331052/233876813-91e162cf-98c5-44c9-821c-16b14c4efe0d.png)\n\n   - ### Create 3 values to this Collection\n\n        - #### Text =\u003e Name\n        - #### Rich Data =\u003e Description\n        - #### Number =\u003e Price\n\n             ![Screenshot from 2023-04-23 21-50-56](https://user-images.githubusercontent.com/57331052/233876990-70904a93-877c-4800-b5c0-d2be290253ae.png)\n\n\n   - ## Menu | Content Manager  |\n        - ### =\u003e Create new entry \u003c= fill, save and publish values.\n\n   ![Screenshot from 2023-04-23 21-53-51](https://user-images.githubusercontent.com/57331052/233877432-bc0018da-2b2a-4b8a-979e-291b89de2f68.png)\n\n   - ## Menu | Settings |\n        - ### =\u003e Create new API TOKEN \u003c= \n![Screenshot from 2023-04-23 22-01-53](https://user-images.githubusercontent.com/57331052/233878413-a6bf6cc0-b5d9-4210-9cc4-7349c800282b.png)\n\n                 DONT FORGET TO ADD THE TOKEN INTO .ENV AS API_KEY = 'XXXXXXXXXXX'\n\n\n\n\u003cdiv align=\"center\"\u003e\n\n# :dart: Astro Self-Documentation :dart:\n\n\u003c/div\u003e\n\n- # Hydration / Islands:\n    - ## client:load\n        - #### This value indicates that the content should be loaded and hydrated immediately when the page is loaded.\n    - ## client:visible\n        - #### This value indicates that the content should be loaded and hydrated only when it becomes visible on the screen (i.e. when the user scrolls to that part of the page).\n    - ## client:only=\"svelte\"\n        - #### This value indicates that the content inside the tag should only be rendered and hydrated on the client-side, and should not be included in the server-side rendered HTML.\n        \n- # Dynamic routes:\n    - ## getStaticPaths()\n        - #### Returns an array of objects with a params property. Each of these objects will generate a corresponding route.\n                export async function getStaticPaths() {\n                const response = await fetch(URL);\n                const data = await response.json();\n                const paths = data.map((props: any) =\u003e ({ params: { id: props.id.toString() } }));\n                return [...paths,{ params: { path: undefined } }];\n                };\n         \n- # API Reference:\n    - ## Astro.glob()\n        - #### only takes one parameter: a relative URL glob of which local files you’d like to import. It’s asynchronous, and returns an array of the exports from matching files.        \n                \"const posts = await Astro.glob('../pages/post/*.md');\"\n    - ## Astro.props()\n        - #### Es un objeto que contiene cualquier valor que haya sido pasado como atributo de componente     \n                \"const { id } = Astro.props;\"\n    - ## Astro.params()\n        - #### Es un objeto que contiene los valores de segmentos de ruta dinámica que coincidan con esta petición.     \n                \"const { id } = Astro.params;\"\n  \n- # Configuration\n    - ### tsconfig.json:\n    #### For TypeScript, set your tsconfig.json to handle Solid's JSX:\n    \n            \"compilerOptions\": {\n            \"jsx\": \"preserve\",\n            \"jsxImportSource\": \"solid-js\",\n            }  \n\n    - ### astro.config.mjs:\n    #### To add a framework in this case Solid.js and add into integration:\n \n            solid from '@astrojs/solid-js';\n            export default defineConfig({\n    \t    integrations: [solid()],\n            });\n\n- # Environment:\n    - ### .env:      \n        - #### To store stored environment variables: \n                API_KEY=\"XXXXXXXXXXXXXXX\"\n\n        - #### To use stored environment variables: \n                const keyAPI = import.meta.env.API_KEY\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesquiafo%2Fastro-solid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fesquiafo%2Fastro-solid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesquiafo%2Fastro-solid/lists"}