{"id":24614272,"url":"https://github.com/telkomdev/curriculum-fe-nextjs","last_synced_at":"2025-09-02T10:33:29.403Z","repository":{"id":272868587,"uuid":"918012421","full_name":"telkomdev/curriculum-fe-nextjs","owner":"telkomdev","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-17T04:38:13.000Z","size":5642,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-01-24T21:15:50.593Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/telkomdev.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":"2025-01-17T04:33:22.000Z","updated_at":"2025-01-17T04:38:15.000Z","dependencies_parsed_at":"2025-01-17T05:39:27.513Z","dependency_job_id":null,"html_url":"https://github.com/telkomdev/curriculum-fe-nextjs","commit_stats":null,"previous_names":["telkomdev/curriculum-fe-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telkomdev%2Fcurriculum-fe-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telkomdev%2Fcurriculum-fe-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telkomdev%2Fcurriculum-fe-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telkomdev%2Fcurriculum-fe-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/telkomdev","download_url":"https://codeload.github.com/telkomdev/curriculum-fe-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244273166,"owners_count":20426877,"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":"2025-01-24T21:15:53.936Z","updated_at":"2025-03-18T17:45:55.113Z","avatar_url":"https://github.com/telkomdev.png","language":"JavaScript","readme":"# Curriculum FE Next.js\n\nWelcome to the **Curriculum FE Next.js** repository! This curriculum is designed to onboard new employees efficiently and help them ramp up on the tools, technologies, and workflows used in our organization. The focus is on building a solid understanding of **Next.js** and the front-end development practices we follow.\n\n---\n\n## Table of Contents\n\n1. [Overview](#overview)\n2. [Getting Started](#getting-started)\n3. [Repository Structure](#repository-structure)\n4. [Onboarding Curriculum](#onboarding-curriculum)\n5. [Learning Objectives](#learning-objectives)\n6. [Contributing](#contributing)\n7. [Support](#support)\n\n---\n\n## Overview\n\nThis repository serves as the primary resource for onboarding new front-end engineers. It contains:\n\n- Interactive learning modules.\n- Project-based tasks to reinforce learning.\n- Best practices for working with **Next.js** and our tech stack.\n- Hands-on exercises to familiarize new hires with the workflows and coding standards.\n\nBy completing this curriculum, new employees will:\n- Gain confidence in working with **Next.js**.\n- Understand our front-end development processes.\n- Be equipped to contribute to production code.\n\n---\n\n## Getting Started\n\n1. **Clone the Repository**\n\n   ```bash\n   git clone https://github.com/telkomdev/curriculum-fe-nextjs.git\n   cd curriculum-fe-nextjs\n   ```\n\n2. **Install Dependencies**\n\n   Ensure you have Node.js and npm installed. Then, run:\n\n   ```bash\n   npm install\n   ```\n\n3. **Run the Curriculum**\n\n   Launch the curriculum locally:\n\n   ```bash\n   npm run dev\n   ```\n\n   Access the curriculum at `http://localhost:3000`.\n\n---\n\n## Repository Structure\n\n```\ncurriculum-fe-nextjs/\n├── public/               # Static assets (images, etc.)\n├── src/\n│   ├── components/       # Reusable UI components\n│   ├── modules/          # Curriculum-specific modules\n│   ├── pages/            # Next.js pages\n│   ├── styles/           # Global and module-specific styles\n│   ├── utils/            # Utility functions\n├── .env.example          # Example environment variables\n├── README.md             # Project documentation\n├── package.json          # Project metadata and dependencies\n└── next.config.js        # Next.js configuration\n```\n\n---\n\n## Onboarding Curriculum\n\nThe curriculum is divided into the following modules:\n\n1. **Introduction to Next.js**\n   - What is Next.js?\n   - Key features and benefits.\n\n2. **Project Setup and Configuration**\n   - Setting up a Next.js project.\n   - Understanding project structure and configurations.\n\n3. **Routing and Navigation**\n   - Pages and dynamic routing.\n   - API routes in Next.js.\n\n4. **State Management**\n   - Local state with React.\n   - Global state management strategies.\n\n5. **Styling**\n   - CSS Modules.\n   - TailwindCSS (if applicable).\n   - Best practices for styling components.\n\n6. **Data Fetching**\n   - `getStaticProps`, `getServerSideProps`, and `getStaticPaths`.\n   - Client-side data fetching.\n\n7. **Performance Optimization**\n   - Image optimization.\n   - Code splitting and lazy loading.\n\n8. **Deployment**\n   - Deploying a Next.js application to production.\n\nEach module includes:\n- Reading materials.\n- Coding exercises.\n- A mini-project to practice concepts.\n\n---\n\n## Learning Objectives\n\nBy the end of the curriculum, participants will:\n\n- Understand the core principles of Next.js.\n- Be able to build scalable, performant front-end applications.\n- Write clean, maintainable, and reusable code.\n- Follow best practices in front-end development and our team’s standards.\n\n---\n\n## Contributing\n\nContributions to this repository are welcome! If you have suggestions for improving the curriculum:\n\n1. Fork the repository.\n2. Create a new branch.\n3. Make your changes.\n4. Submit a pull request with a clear description of your updates.\n\n---\n\n## Support\n\nIf you encounter any issues or have questions:\n\n- Check the [Issues](https://github.com/telkomdev/curriculum-fe-nextjs/issues) section for existing discussions.\n- Reach out to the onboarding team via Slack or email.\n\nHappy learning! 🎉\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelkomdev%2Fcurriculum-fe-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftelkomdev%2Fcurriculum-fe-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelkomdev%2Fcurriculum-fe-nextjs/lists"}