{"id":16545360,"url":"https://github.com/naufaldi/workshop-grid-code","last_synced_at":"2025-04-11T16:14:20.874Z","repository":{"id":208123170,"uuid":"720857148","full_name":"naufaldi/workshop-grid-code","owner":"naufaldi","description":null,"archived":false,"fork":false,"pushed_at":"2023-11-25T14:38:18.000Z","size":1260,"stargazers_count":0,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T12:21:38.683Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/naufaldi.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-11-19T20:02:52.000Z","updated_at":"2023-11-19T20:03:01.000Z","dependencies_parsed_at":"2024-11-14T17:44:23.140Z","dependency_job_id":"f487aa01-a515-49af-9d9a-e9396576d251","html_url":"https://github.com/naufaldi/workshop-grid-code","commit_stats":{"total_commits":6,"total_committers":1,"mean_commits":6.0,"dds":0.0,"last_synced_commit":"95c6a7433d25877f4040c59c9e8c67c08dbbaf28"},"previous_names":["naufaldi/workshop-grid-code"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Fworkshop-grid-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Fworkshop-grid-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Fworkshop-grid-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Fworkshop-grid-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naufaldi","download_url":"https://codeload.github.com/naufaldi/workshop-grid-code/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248438515,"owners_count":21103410,"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-10-11T19:06:35.801Z","updated_at":"2025-04-11T16:14:20.853Z","avatar_url":"https://github.com/naufaldi.png","language":"JavaScript","readme":"# Next.js, TailwindCSS, and Shadcn/ui Workshop: Mastering Grid Layouts\n\nWelcome to the \"Mastering Grid Layouts\" workshop! This workshop is designed to teach you how to effectively use Grid layouts in web development, utilizing the power of Next.js, TailwindCSS, and Shadcn/ui.\n\n## Overview\n\nIn this workshop, we'll dive deep into creating responsive and modern web layouts using the Grid system. We'll start with the basics of Grid layouts, move on to advanced techniques, and see how to integrate these layouts seamlessly with Next.js and TailwindCSS, enhanced by Shadcn/ui components.\n\n### What You'll Learn\n\n- Basics of CSS Grid layouts.\n- Advanced Grid techniques for complex designs.\n\n## Prerequisites\n\n- Basic knowledge of HTML \u0026 CSS.\n- Familiarity with React and Next.js.\n- Node.js and npm/yarn installed on your machine.\n\n## Setup\n\n1. **Clone the Repository:**\n\n   ```bash\n   git clone https://github.com/naufaldi/workshop-grid-code\n   cd workshop-grid-code\n   ```\n\n2. **Install Dependencies:**\n\n   ```bash\n   npm install\n   # or\n   yarn\n   ```\n\n3. **Run the Development Server:**\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n   Visit `http://localhost:3000` to view the project.\n\n## Resources\n\n- [Next.js Documentation](https://nextjs.org/docs)\n- [TailwindCSS Grid Documentation](https://tailwindcss.com/docs/grid-template-columns)\n- [Shadcn/ui GitHub Repository](https://github.com/shadcn/ui)\n\n## Feedback and Contributions\n\nYour feedback is valuable to us! Feel free to open an issue or submit a pull request to contribute to this workshop.\n\n---\n\nHappy Coding! 🚀\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaufaldi%2Fworkshop-grid-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaufaldi%2Fworkshop-grid-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaufaldi%2Fworkshop-grid-code/lists"}