{"id":22728110,"url":"https://github.com/focusreactive/mvp-nextjs13-new-features","last_synced_at":"2025-04-13T21:44:37.828Z","repository":{"id":203992772,"uuid":"635817602","full_name":"focusreactive/MVP-NextJS13-New-Features","owner":"focusreactive","description":"📘 The goal of this project is to investigate and experiment with the newest functionalities of NextJS. It is a web application that comprises several sections, each focused on a specific NextJS 13 feature","archived":false,"fork":false,"pushed_at":"2023-11-07T12:56:56.000Z","size":2536,"stargazers_count":15,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T12:11:06.955Z","etag":null,"topics":["app-router","nextjs13","rsc"],"latest_commit_sha":null,"homepage":"https://nextjs13-mvp.vercel.app","language":"MDX","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/focusreactive.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}},"created_at":"2023-05-03T14:12:57.000Z","updated_at":"2025-02-17T08:22:20.000Z","dependencies_parsed_at":"2023-11-07T13:53:57.482Z","dependency_job_id":null,"html_url":"https://github.com/focusreactive/MVP-NextJS13-New-Features","commit_stats":null,"previous_names":["focusreactive/mvp-nextjs13-new-features"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/focusreactive%2FMVP-NextJS13-New-Features","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/focusreactive%2FMVP-NextJS13-New-Features/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/focusreactive%2FMVP-NextJS13-New-Features/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/focusreactive%2FMVP-NextJS13-New-Features/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/focusreactive","download_url":"https://codeload.github.com/focusreactive/MVP-NextJS13-New-Features/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248788868,"owners_count":21161726,"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":["app-router","nextjs13","rsc"],"created_at":"2024-12-10T17:14:39.343Z","updated_at":"2025-04-13T21:44:37.804Z","avatar_url":"https://github.com/focusreactive.png","language":"MDX","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MVP-Next13-Readme\n\nThis repository contains a MVP project for testing new features in NextJS v13.\n\n## Project Description\n\nThe purpose of this project is to explore and test the latest features of NextJS. It is a web application consisting of different sections, each dedicated to a specific NextJS 13 feature. The menu navigation allows easy switching between sections, and each section includes detailed descriptions and documentation related to the implemented feature.\n\n![image](https://github.com/focusreactive/MVP-NextJS13-New-Features/assets/14885189/ce008274-92af-42a1-a4ad-9cb08a19e935)\n\n\n## Getting Started\n\nTo run the development server, follow these steps:\n\n1. Install dependencies by running the command:\n\n```\nnpm install\n\n```\n\n2. Start the development server:\n\n```\nnpm run dev\n\n```\n\nOpen [http://localhost:3000](http://localhost:3000/) in your browser to see the application.\n\n## Features Explored\n\nThe project explores the following features:\n\n### App Router Overview\n\nhttps://nextjs13-mvp.vercel.app/overview\n\nLearn about the new app router in NextJS 13, including its key points and advantages.\n\n### Layout\n\nhttps://nextjs13-mvp.vercel.app/layout\n\nUnderstand how layouts are used to define shared user interfaces for nested routes. Learn about layout nesting, state preservation, and avoiding unnecessary re-renders.\n\n### Data Fetching\n\nhttps://nextjs13-mvp.vercel.app/data-fetching\n\nExplore the new data fetching model being developed by the React team. Note that this feature is still in development and may not be stable yet.\n\n### Static and Dynamic Rendering\n\nhttps://nextjs13-mvp.vercel.app/static\n\nLearn about the differences between static and dynamic rendering in Next.js. Understand when to use each approach and their implications.\n\n### Metadata\n\nhttps://nextjs13-mvp.vercel.app/metadata\n\nDiscover how to define metadata in layouts and pages. Explore advanced features such as generating robots.txt, sitemap.xml, and dynamic images.\n\n### Preview URL (Draft Mode)\n\nhttps://nextjs13-mvp.vercel.app/preview\n\nLearn how to enable draft mode for previewing URLs before they are published.\n\n### Server Actions\n\nhttps://nextjs13-mvp.vercel.app/rsc\n\nUnderstand how server actions work in NextJS 13. Learn about calling server functions, implementing optimistic updates, and revalidating pages.\n\n### Intercepting Routes\n\nhttps://nextjs13-mvp.vercel.app/intercepting-routes/posts\n\nExplore how to intercept routes in NextJS 13 and handle different HTTP methods. Learn about dynamic API routes and their configuration.\n\n### API Routes\n\nhttps://nextjs13-mvp.vercel.app/api-routes\n\n### Fonts\n\nhttps://nextjs13-mvp.vercel.app/fonts\n\nLearn how to use custom fonts in your NextJS 13 project.\n\n## Credits\n\nThis project was created at **FocusReactive** - the expert consultancy for the modern web. We specialize in helping clients beat the competition and accelerate business growth. With a deep expertise in headless CMS, NextJS, and eCommerce, we deliver cutting-edge solutions that prioritize your business goals.\n\n### Our Expertise\n\n- **Content-Centric Websites**: We have a deep experience building extendable, SEO optimized content and marketing websites with advanced CMS integrations and analytics.\n- **Headless eCommerce**: Our next-generation, content-rich, and performant online eCommerce websites come with end-to-end integrations to power your digital business.\n- **Headless CMS Consulting**: We offer multi-channel CMS development, modeling, customization, and support to help you manage your content seamlessly across various platforms.\n- **Web Performance**: Our experts can audit, transform the architecture, and optimize your website to meet the 100 SCORE Core Web Vitals for exceptional web performance.\n\nIf you're looking for expertise in headless CMS, NextJS, or eCommerce, get in touch with **FocusReactive** today. Visit our website at [focusreactive.com](https://focusreactive.com/) to learn more about how we can help you accelerate your business growth.\n\n\u003cimage src=\"https://github.com/focusreactive/MVP-NextJS13-New-Features/assets/14885189/7c67e385-3f79-43e3-ba27-bada1ebddf03\" width=\"500px\"/\u003e\n\n\n---\n\n*This project is licensed under the MIT License. © 2023 FocusReactive.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffocusreactive%2Fmvp-nextjs13-new-features","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffocusreactive%2Fmvp-nextjs13-new-features","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffocusreactive%2Fmvp-nextjs13-new-features/lists"}