https://github.com/ll782/nested-layouts
Demonstration of the app directory, nested layouts and generateStaticParams from Next.js 13
https://github.com/ll782/nested-layouts
next-13 nextjs
Last synced: 2 months ago
JSON representation
Demonstration of the app directory, nested layouts and generateStaticParams from Next.js 13
- Host: GitHub
- URL: https://github.com/ll782/nested-layouts
- Owner: LL782
- Created: 2022-11-11T23:16:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-01T08:26:18.000Z (over 2 years ago)
- Last Synced: 2025-03-14T15:13:43.794Z (3 months ago)
- Topics: next-13, nextjs
- Language: TypeScript
- Homepage: https://nested-layouts.vercel.app/
- Size: 83 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
I created this project while following along with this excellent demo from Next Conf 2022
**[Sam Selikoff: Improving developer and user experience with nested layouts in Next.js](https://www.youtube.com/watch?v=6mQ3M1CUGnk&list=PLBnKlKpPeagll1CCK08EvjqgCq0C_dXZq&index=7)**
It explores some great features of the [app directory](https://nextjs.org/blog/next-13#new-app-directory-beta) made available in [Next.js 13](https://nextjs.org/blog/next-13).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Live demo
[https://nested-layouts.vercel.app/pokemon](https://nested-layouts.vercel.app/pokemon)
Deploy on [Vercel Platform](https://vercel.com/)