{"id":20280392,"url":"https://github.com/dawntraoz/los-4-elementos-del-jamstack","last_synced_at":"2026-01-27T19:50:54.182Z","repository":{"id":49275981,"uuid":"376760660","full_name":"Dawntraoz/los-4-elementos-del-jamstack","owner":"Dawntraoz","description":"Proyecto demostración de las buenas prácticas del Jamstack usando Nuxt como generador de sitios estáticos, Storyblok como Headless CMS, Netlify como Hosting y Atomic Design como metodología de trabajo.","archived":false,"fork":false,"pushed_at":"2021-06-25T13:07:42.000Z","size":174,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-29T09:14:03.399Z","etag":null,"topics":["atomic-design","jamstack-architecture","nuxt-demo","storyblok-vue"],"latest_commit_sha":null,"homepage":"https://los-4-elementos-jamstack.dawntraoz.com/","language":"Vue","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/Dawntraoz.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":"2021-06-14T08:53:31.000Z","updated_at":"2021-06-25T13:07:45.000Z","dependencies_parsed_at":"2022-09-19T09:51:59.204Z","dependency_job_id":null,"html_url":"https://github.com/Dawntraoz/los-4-elementos-del-jamstack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"Dawntraoz/vue-nuxt-boilerplate","purl":"pkg:github/Dawntraoz/los-4-elementos-del-jamstack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dawntraoz%2Flos-4-elementos-del-jamstack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dawntraoz%2Flos-4-elementos-del-jamstack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dawntraoz%2Flos-4-elementos-del-jamstack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dawntraoz%2Flos-4-elementos-del-jamstack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dawntraoz","download_url":"https://codeload.github.com/Dawntraoz/los-4-elementos-del-jamstack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dawntraoz%2Flos-4-elementos-del-jamstack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28819915,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T18:44:20.126Z","status":"ssl_error","status_checked_at":"2026-01-27T18:44:09.161Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["atomic-design","jamstack-architecture","nuxt-demo","storyblok-vue"],"created_at":"2024-11-14T13:35:31.656Z","updated_at":"2026-01-27T19:50:54.168Z","avatar_url":"https://github.com/Dawntraoz.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Los 4 elementos del Jamstack\n\nProyecto demostración de las buenas prácticas del Jamstack usando Nuxt como generador de sitios estáticos, Storyblok como Headless CMS, Netlify como Hosting y Atomic Design como metodología de trabajo.\n\nDemo: [Los 4 elementos del Jamstack](https://los-4-elementos-jamstack.dawntraoz.com)\n\n\u003e Para entender como funcionan Storyblok y Nuxt juntos os recomiendo echar un vistazo al artículo [Add a headless CMS to Nuxt in 5 minutes](https://www.storyblok.com/tp/headless-cms-nuxtjs).\n\n## Primeros pasos\n\n1. Crea un nuevo espacio en Storyblok.\n2. Ve a Settings \u003e API-Keys y copia el Preview Token en la variable STORYBLOK_TOKEN del archivo .env.example.\n3. Renombra el archivo .env.example a .env.\n\n\u003e Para saber como montar un sitio multi idioma con Storyblok y Nuxt.js, tienes este artículo [The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js](https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial).\n\n## Para montar el proyecto\n\n[Guía para desarrollar Los 4 elementos del Jamstack desde cero](https://los-4-elementos-jamstack.dawntraoz.com/docs)\n\n```bash\n# install dependencies\n$ yarn install\n\n# serve with hot reload at localhost:3000\n$ yarn dev\n\n# build for production and launch server\n$ yarn build\n$ yarn start\n\n# generate static project\n$ yarn generate\n```\n\n## Recursos\n\nEn el apartado [Nuxt Technology Hub](https://www.storyblok.com/tc/nuxtjs) de Storyblok podrás encontrar más tutoriales y vídeos de cómo usar Storyblok con Vue y Nuxt.\n\nSi necesitas resolver dudas sobre Nuxt en concreto, echa un vistazo a la [documentación de Nuxt](https://nuxtjs.org).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawntraoz%2Flos-4-elementos-del-jamstack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdawntraoz%2Flos-4-elementos-del-jamstack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawntraoz%2Flos-4-elementos-del-jamstack/lists"}