{"id":23403433,"url":"https://github.com/selmasaltik/diving-into-nextjs","last_synced_at":"2026-04-12T00:38:00.943Z","repository":{"id":260559471,"uuid":"881652730","full_name":"selmasaltik/diving-into-nextjs","owner":"selmasaltik","description":"A (Pretty Deep Dive) Introduction to Next.js /// What I learned from \"React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller\"","archived":false,"fork":false,"pushed_at":"2024-11-09T23:23:04.000Z","size":130,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T17:55:01.699Z","etag":null,"topics":["folder-structure","navigation","nextjs","pages-router","react"],"latest_commit_sha":null,"homepage":"https://diving-into-nextjs.vercel.app","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/selmasaltik.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-11-01T01:15:06.000Z","updated_at":"2024-11-09T23:25:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"e27307ab-55e2-445a-922a-37d68c75d55c","html_url":"https://github.com/selmasaltik/diving-into-nextjs","commit_stats":null,"previous_names":["selmasaltik/diving-into-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Fdiving-into-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Fdiving-into-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Fdiving-into-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selmasaltik%2Fdiving-into-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/selmasaltik","download_url":"https://codeload.github.com/selmasaltik/diving-into-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247941694,"owners_count":21022035,"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":["folder-structure","navigation","nextjs","pages-router","react"],"created_at":"2024-12-22T12:47:51.690Z","updated_at":"2026-04-12T00:38:00.909Z","avatar_url":"https://github.com/selmasaltik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FullStack React Apps with NextJS\n***Building Up On React***\n\n- What Is [NextJS](https://nextjs.org/) \u0026 Why Would You Use It?\n- Routing, Pages \u0026 Server Components\n- Fetching \u0026 Sending Data\n- Styling, Image Upload \u0026 Managing Page Metadata\n\n[Filesystem-based Routing](https://www.canva.com/design/DAGWA5wy80o/t1uyFushbFDuS9YAx12oWA/view?utm_content=DAGWA5wy80o\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[NextJS Works With React Server Components](https://www.canva.com/design/DAGWA50u2Lk/Yx-7IRKhvbEX1IYpQHbyGw/view?utm_content=DAGWA50u2Lk\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[Filenames Matter!](https://www.canva.com/design/DAGWBKcUa8Y/zuMyFtfeQ8dtY4L02G2wzw/view?utm_content=DAGWBKcUa8Y\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[NextJS Renders Pages On The Server](https://www.canva.com/design/DAGWBGBNK6s/jn9-_tYzJAS3lcmwzdKDcg/view?utm_content=DAGWBGBNK6s\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[Server-side \u0026 Client-side Working Together](https://www.canva.com/design/DAGWBaMERxQ/-swjilwkU7vVryvDLpekiw/view?utm_content=DAGWBaMERxQ\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[Pages \u0026 Layouts](https://www.canva.com/design/DAGWBT-lc2M/TJSJAlKNfPUpvMs-KpZ0Zw/view?utm_content=DAGWBT-lc2M\u0026utm_campaign=designshare\u0026utm_medium=link\u0026utm_source=editor)\n\n[Getting Started: Project Structure](https://nextjs.org/docs/app/getting-started/project-structure#colocation)\n\n**Reserved Filenames**\n\nAs you already learned, there are some reserved filenames when working with NextJS.\n\nImportant: These filenames are only reserved when creating them inside of the `app/` folder (or any subfolder). Outside of the `app/` folder, these filenames are not treated in any special way.\n\nHere's a list of reserved filenames in NextJS - you'll, of course, learn about the important ones throughout this section:\n\n- `page.js` =\u003e Create a new page (e.g., `app/about/page.js` creates a `\u003cyour-domain\u003e/about` page)\n- `layout.js` =\u003e Create a new layout that wraps sibling and nested pages\n- `not-found.js` =\u003e Fallback page for \"Not Found\" errors (thrown by sibling or nested pages or layouts)\n- `error.js` =\u003e Fallback page for other errors (thrown by sibling pages or nested pages or layouts)\n- `loading.js` =\u003e Fallback page which is shown whilst sibling or nested pages (or layouts) are fetching data\n- `route.js` =\u003e Allows you to create an API route (i.e., a page which does NOT return JSX code but instead data, e.g., in the JSON format)\n\nYou also find a list with all supported filenames \u0026 detailed explanations in the official docs: https://nextjs.org/docs/app/api-reference/file-conventions\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselmasaltik%2Fdiving-into-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fselmasaltik%2Fdiving-into-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselmasaltik%2Fdiving-into-nextjs/lists"}