https://github.com/julianfbeck/next.js-approuter-tutorial

Overview of AppRouting, Data Fetching, Caching and Server Actions
https://github.com/julianfbeck/next.js-approuter-tutorial

Last synced: 13 days ago
JSON representation

Overview of AppRouting, Data Fetching, Caching and Server Actions

• Host: GitHub
• URL: https://github.com/julianfbeck/next.js-approuter-tutorial
• Owner: julianfbeck
• Created: 2023-08-01T14:32:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-03T08:48:02.000Z (over 1 year ago)
• Last Synced: 2023-08-03T09:53:54.965Z (over 1 year ago)
• Language: TypeScript
• Size: 78.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js AppRouter Tutorial

> Next.js 13 and the new AppRouter

## Build Using:

- [Next.js](https://nextjs.org/)

- [Drizzle](https://orm.drizzle.team/) (sqlite)

- [shadcn/ui](https://ui.shadcn.com/)	

## Features

- Chapter 1: [AppRouter](/app/1-app-routing/page.tsx)

- Chapter 2: [Data Fetching](/app/2-data-fetching/page.tsx)

- Chapter 3: [Caching](/app/3-caching/page.tsx)

	- Chapter 3.1: [static](/app/3-caching/static/page.tsx)	

	- Chapter 3.2: [no-store](/app/3-caching/no-store/page.tsx)	

	- Chapter 3.3: [revalidate](/app/3-caching/revalidate//page.tsx)	

- Chapter 4: [Server Actions](/app/4-server-actions/page.tsx)

  - Chapter 4.1: [Client Actions](/app/4-server-actions/client-actions/page.tsx)

## Getting Started

Install dependencies

```bash

pnpm install

```

Generate Drizzle schemas

```bash

pnpm generate

```

Push Drizzle schemas to db

```bash

pnpm push

```

Start the server

```bash

pnpm dev

```