{"id":25895880,"url":"https://github.com/mochafreddo/nextjs-intro","last_synced_at":"2026-04-13T04:04:23.338Z","repository":{"id":215119101,"uuid":"738159569","full_name":"mochafreddo/nextjs-intro","owner":"mochafreddo","description":"A Next.js application demonstrating key features such as routing, server-side rendering, and API usage. The application fetches movie data from an API and displays it on the home page. It also includes a dynamic route for displaying specific movie details.","archived":false,"fork":false,"pushed_at":"2024-01-03T14:08:29.000Z","size":66,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-01T05:42:28.310Z","etag":null,"topics":["api","dynamic-routing","frontend","javascript","movie-api","nextjs","react","routing","server-side-rendering","web-development"],"latest_commit_sha":null,"homepage":"","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/mochafreddo.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}},"created_at":"2024-01-02T15:10:41.000Z","updated_at":"2024-01-03T14:13:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"2144f3e8-287c-4565-b29c-4fb9d75ea316","html_url":"https://github.com/mochafreddo/nextjs-intro","commit_stats":{"total_commits":20,"total_committers":1,"mean_commits":20.0,"dds":0.0,"last_synced_commit":"70c36395274cf0e1f73e188aefc876f7509973bf"},"previous_names":["mochafreddo/nextjs-intro"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mochafreddo/nextjs-intro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mochafreddo%2Fnextjs-intro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mochafreddo%2Fnextjs-intro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mochafreddo%2Fnextjs-intro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mochafreddo%2Fnextjs-intro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mochafreddo","download_url":"https://codeload.github.com/mochafreddo/nextjs-intro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mochafreddo%2Fnextjs-intro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31739050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T03:27:07.512Z","status":"ssl_error","status_checked_at":"2026-04-13T03:26:53.610Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["api","dynamic-routing","frontend","javascript","movie-api","nextjs","react","routing","server-side-rendering","web-development"],"created_at":"2025-03-02T22:34:09.863Z","updated_at":"2026-04-13T04:04:23.313Z","avatar_url":"https://github.com/mochafreddo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NextJS Intro\n\nThis is a simple Next.js project that demonstrates the basic features of Next.js, including routing, server-side rendering, and API usage.\n\n## Project Structure\n\n- `pages`: This directory contains all the pages of the application. Each file corresponds to a route based on its name.\n- [components](https://github.com/mochafreddo/nextjs-intro/blob/main/pages/about.js#1%2C20-1%2C20): This directory contains reusable React components.\n- `public`: This directory contains static files like images.\n- [styles](https://github.com/mochafreddo/nextjs-intro/blob/main/pages/_app.js#2%2C12-2%2C12): This directory contains global CSS styles.\n\n## Key Files\n\n- `pages/index.js`: The home page of the application. It fetches movie data from an API and displays it.\n- `pages/about.js`: A simple about page.\n- `pages/404.js`: A custom 404 error page.\n- `pages/movies/[...params].js`: A dynamic route that displays details for a specific movie.\n- `components/NavBar.js`: A navigation bar component.\n- `components/Seo.js`: A component for setting the page title using Next.js's Head component.\n- `components/Layout.js`: A layout component that wraps all pages and includes the navigation bar.\n\n## Setup\n\n1. Clone the repository.\n2. Install the dependencies using `npm install`.\n3. Start the development server using `npm run dev`.\n\n## Scripts\n\n- [dev](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#6%2C6-6%2C6): Starts the development server.\n- [build](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#7%2C6-7%2C6): Builds the application for production.\n- [start](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#8%2C6-8%2C6): Starts a production server.\n- [lint](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#9%2C6-9%2C6): Runs ESLint on the project.\n\n## Environment Variables\n\n- [API_KEY](https://github.com/mochafreddo/nextjs-intro/blob/main/next.config.js#3%2C7-3%2C7): Used to authenticate requests to the movie API.\n\n## Dependencies\n\n- [react](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#12%2C6-12%2C6): A JavaScript library for building user interfaces.\n- [react-dom](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#13%2C6-13%2C6): React package for working with the DOM.\n- [next](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#6%2C13-6%2C13): A framework for building React applications with server-side rendering.\n\n## Dev Dependencies\n\n- [eslint](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#17%2C6-17%2C6): A tool for identifying and reporting on patterns in JavaScript.\n- [eslint-config-next](https://github.com/mochafreddo/nextjs-intro/blob/main/package.json#18%2C6-18%2C6): ESLint configuration for Next.js projects.\n\n## Note\n\nThis project uses the latest JavaScript standards and follows the Conventional Commits specification for commit messages.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmochafreddo%2Fnextjs-intro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmochafreddo%2Fnextjs-intro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmochafreddo%2Fnextjs-intro/lists"}