{"id":25927951,"url":"https://github.com/eduardosrocha/land-next","last_synced_at":"2025-08-01T04:19:36.360Z","repository":{"id":271934152,"uuid":"805093139","full_name":"EduardoSRocha/land-next","owner":"EduardoSRocha","description":"Este é um projeto Next.js que explora meticulosamente o design usando CSS, criando um sistema de design próprio e oferecendo insights valiosos sobre design e arquitetura CSS.","archived":false,"fork":false,"pushed_at":"2024-05-24T14:09:51.000Z","size":33999,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-10T21:21:24.899Z","etag":null,"topics":["7-1-design-architecture","bem-css","design-patterns","design-system","responsive-design"],"latest_commit_sha":null,"homepage":"https://www.curriculum.uonni.com/","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/EduardoSRocha.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":"2024-05-23T21:44:52.000Z","updated_at":"2024-05-27T11:49:47.000Z","dependencies_parsed_at":"2025-01-10T21:32:43.369Z","dependency_job_id":null,"html_url":"https://github.com/EduardoSRocha/land-next","commit_stats":null,"previous_names":["eduardosrocha/land-next"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EduardoSRocha%2Fland-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EduardoSRocha%2Fland-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EduardoSRocha%2Fland-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EduardoSRocha%2Fland-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EduardoSRocha","download_url":"https://codeload.github.com/EduardoSRocha/land-next/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241739430,"owners_count":20012103,"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":["7-1-design-architecture","bem-css","design-patterns","design-system","responsive-design"],"created_at":"2025-03-03T21:11:14.157Z","updated_at":"2025-03-03T21:11:15.449Z","avatar_url":"https://github.com/EduardoSRocha.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n# Landi-Next - Project\n\n[![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square\u0026logo=javascript\u0026logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![Node.js](https://img.shields.io/badge/-Node.js-339933?style=flat-square\u0026logo=node.js\u0026logoColor=white)](https://nodejs.org/)\n[![CSS](https://img.shields.io/badge/-CSS-1572B6?style=flat-square\u0026logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n[![npm](https://img.shields.io/badge/-npm-CB3837?style=flat-square\u0026logo=npm\u0026logoColor=white)](https://www.npmjs.com/)\n[![HTML](https://img.shields.io/badge/-HTML-E34F26?style=flat-square\u0026logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)\n[![Sass](https://img.shields.io/badge/-Sass-CC6699?style=flat-square\u0026logo=sass\u0026logoColor=white)](https://sass-lang.com/)\n[![Tailwind CSS](https://img.shields.io/badge/-Tailwind_CSS-38B2AC?style=flat-square\u0026logo=tailwind-css\u0026logoColor=white)](https://tailwindcss.com/)\n[![Next.js](https://img.shields.io/badge/-Next.js-000000?style=flat-square\u0026logo=next.js\u0026logoColor=white)](https://nextjs.org/)\n\n[![BEM](https://img.shields.io/badge/-BEM-9575CD?style=flat-square)](http://getbem.com/)\n[![7-1 Pattern](https://img.shields.io/badge/-7--1%20Pattern-008080?style=flat-square)](https://sass-guidelin.es/#the-7-1-pattern) [![Responsive Design](https://img.shields.io/badge/-Responsive%20Design-4DB6AC?style=flat-square)](https://www.w3schools.com/html/html_responsive.asp) [![Component-driven Design](https://img.shields.io/badge/-Component--driven%20Design-FFB74D?style=flat-square)](https://www.invisionapp.com/inside-design/what-is-component-driven-design/)\n\nEste projeto é uma exploração cuidadosa e detalhada do design utilizando CSS. Centralizado na criação de uma página exemplar, ele se concentra em um design system meticulosamente elaborado, sem depender de bibliotecas como Bootstrap ou MUI. Além disso, oferece dois guias informativos que destacam as decisões estratégicas por trás do design e da arquitetura CSS, apresentando insights valiosos de maneira clara e objetiva.\n\n## Getting Started\n\nFirst, install all dependencies:\n\n```bash\nnpm install\n```\n\nRun as Style Dev auto-update environment.\n\n```bash\nnpm run start:style:dev\n```\n\nrun the development server without sass:\n\n```bash\nnpm run start:dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\n## Learn More about technologies used on this project\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n- [Learn Tailwind](https://tailwindcss.com/docs/installation) - documentation of Tailwind.\n- [Learn scss](https://sass-lang.com/guide/) - Guide for Sass\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feduardosrocha%2Fland-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feduardosrocha%2Fland-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feduardosrocha%2Fland-next/lists"}