Migrace aplikace poznámkového bloku z Reag na Next.js

Před několika měsíci jsem v reakci vytvořil aplikaci pro notebook. Napsal jsem o tom článek.

Nyní jsem hladce migroval tuto aplikaci na Next.js.
Zde je několik kroků, které vás provedou, jak jsem to udělal.

Krok 1

Nainstalováno next v mém projektu:

yarn add next

Krok 2

Aktualizováno package.json s následujícími skripty:

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start"
}

Krok 3

Vytvořená složka stránek:

src/pages/_app.tsx
src/pages/index.tsx
src/pages/projects/index.tsx

Krok 4

Migrovaný kód:

from src/index.tsx and src/app.tsx
to src/pages/index.tsx and src/pages/_app.tsx

Krok 5

Smazal tyto soubory:

src/index.tsx
src/app.tsx

Poslední krok

  • Použito next/router .
  • Nahrazeno chakra links a react-router-dom links s next/link v různých souborech.

Aplikace

Odkaz na ukázku: Notebook
GitHub Repo: Repo