https://github.com/focusreactive/mvp-nextjs13-new-features
📘 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
https://github.com/focusreactive/mvp-nextjs13-new-features
app-router nextjs13 rsc
Last synced: 6 months ago
JSON representation
📘 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
- Host: GitHub
- URL: https://github.com/focusreactive/mvp-nextjs13-new-features
- Owner: focusreactive
- Created: 2023-05-03T14:12:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-07T12:56:56.000Z (almost 2 years ago)
- Last Synced: 2025-03-27T12:11:06.955Z (6 months ago)
- Topics: app-router, nextjs13, rsc
- Language: MDX
- Homepage: https://nextjs13-mvp.vercel.app
- Size: 2.42 MB
- Stars: 15
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MVP-Next13-Readme
This repository contains a MVP project for testing new features in NextJS v13.
## Project Description
The 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.
## Getting Started
To run the development server, follow these steps:
1. Install dependencies by running the command:
```
npm install
```
2. Start the development server:
```
npm run dev
```
Open [http://localhost:3000](http://localhost:3000/) in your browser to see the application.
## Features Explored
The project explores the following features:
### App Router Overview
https://nextjs13-mvp.vercel.app/overview
Learn about the new app router in NextJS 13, including its key points and advantages.
### Layout
https://nextjs13-mvp.vercel.app/layout
Understand how layouts are used to define shared user interfaces for nested routes. Learn about layout nesting, state preservation, and avoiding unnecessary re-renders.
### Data Fetching
https://nextjs13-mvp.vercel.app/data-fetching
Explore 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.
### Static and Dynamic Rendering
https://nextjs13-mvp.vercel.app/static
Learn about the differences between static and dynamic rendering in Next.js. Understand when to use each approach and their implications.
### Metadata
https://nextjs13-mvp.vercel.app/metadata
Discover how to define metadata in layouts and pages. Explore advanced features such as generating robots.txt, sitemap.xml, and dynamic images.
### Preview URL (Draft Mode)
https://nextjs13-mvp.vercel.app/preview
Learn how to enable draft mode for previewing URLs before they are published.
### Server Actions
https://nextjs13-mvp.vercel.app/rsc
Understand how server actions work in NextJS 13. Learn about calling server functions, implementing optimistic updates, and revalidating pages.
### Intercepting Routes
https://nextjs13-mvp.vercel.app/intercepting-routes/posts
Explore how to intercept routes in NextJS 13 and handle different HTTP methods. Learn about dynamic API routes and their configuration.
### API Routes
https://nextjs13-mvp.vercel.app/api-routes
### Fonts
https://nextjs13-mvp.vercel.app/fonts
Learn how to use custom fonts in your NextJS 13 project.
## Credits
This 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.
### Our Expertise
- **Content-Centric Websites**: We have a deep experience building extendable, SEO optimized content and marketing websites with advanced CMS integrations and analytics.
- **Headless eCommerce**: Our next-generation, content-rich, and performant online eCommerce websites come with end-to-end integrations to power your digital business.
- **Headless CMS Consulting**: We offer multi-channel CMS development, modeling, customization, and support to help you manage your content seamlessly across various platforms.
- **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.
If 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.
---
*This project is licensed under the MIT License. © 2023 FocusReactive.*