https://github.com/jellydn/learn-nextjs14-dashboard
Learn NextJs 14 App
https://github.com/jellydn/learn-nextjs14-dashboard
nextjs nextjs-14
Last synced: 6 months ago
JSON representation
Learn NextJs 14 App
- Host: GitHub
- URL: https://github.com/jellydn/learn-nextjs14-dashboard
- Owner: jellydn
- Created: 2023-11-02T12:18:41.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-09T20:58:44.000Z (6 months ago)
- Last Synced: 2025-04-09T21:40:15.826Z (6 months ago)
- Topics: nextjs, nextjs-14
- Language: TypeScript
- Homepage: https://nextjs14.productsway.com/
- Size: 1.62 MB
- Stars: 14
- Watchers: 2
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
Learn Next.js 14 - App Router Course 👋
[![IT Man - First Impressions: Diving into the Free Next.js 14 Course [Vietnamese]](https://i.ytimg.com/vi/ccV582wobvQ/hqdefault.jpg)](https://www.youtube.com/watch?v=ccV582wobvQ)
## About The Course
Welcome to the "Next.js App Router Course - Starter." This repository serves as the starting point for your journey into building a sophisticated dashboard application with the latest features of Next.js 14.
Explore the [course curriculum](https://nextjs.org/learn) for an in-depth understanding of what's ahead.
## Prerequisites
- node >=18
## Install
```sh
npm install
```
## Usage
```sh
npm run dev
```
## Learning Experience
Dive into my learning journey and the key takeaways from this course:
- [My Learning Notes](./Learn.md)
This document captures insights on setting up Next.js with TypeScript, styling with Tailwind CSS, optimizing assets, and more, along with my personal observations and preferences.
## References
- [Next.js 13 vs Remix: An In-depth case study](https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/)
- [Building towards a new default rendering model for web applications – Vercel](https://vercel.com/blog/partial-prerendering-with-next-js-creating-a-new-default-rendering-model)
- [Server Action – React](https://react.dev/reference/react/use-server)
- [Metadata with Next.js](https://nextjs.org/docs/app/building-your-application/optimizing/metadata)
## Show your support
Give a ⭐️ if this project helped you!