sedovdmitry / next-13

Trying new features in 13 version Nextjs. Used Pocketbase as backend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Next 13 Notes

Build a simple notes app with Nextjs 13 and Pocketbase.

next 13 application demo

Setup

  1. Create a new Next.js app: npx create-next-app@latest --ts
  2. Download Pocketbase from pocketbase.io
  3. Unzippe your packet and navigate inside cd pocketbase[version]
  4. Start Pocketbase: ./pocketbase serve
  5. Open the Admin UI, create collection, and update security rules to allow read/write access.
  6. Change ReactStrictMode to false and add experimental: { appDir: true } to next.config.js

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

About

Trying new features in 13 version Nextjs. Used Pocketbase as backend


Languages

Language:TypeScript 49.3%Language:CSS 48.5%Language:JavaScript 2.2%