{"repo":"aurorascharff/next16-contacts","free":true,"listed":false,"github":"https://github.com/aurorascharff/next16-contacts","clone":"git clone https://github.com/aurorascharff/next16-contacts.git","description":"An interactive contacts app using Next.js 16, React 19, Server Functions, Tailwind CSS and Prisma, based on the React Router \"Address book\" tutorial.","language":"TypeScript","stars":21,"topics":["app-router","nextjs","prisma","react","tailwindcss","rsc","react19","server-functions"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Next.js 16 Contacts App This is a Next.js project bootstrapped with create-next-app . It is based on the React Router Address Book tutorial, but uses Next.js 16 with Server Actions, Tailwind CSS, and Prisma. It no longer uses a global transition handler; instead, it utilizes local transitions and useFormStatus . See branches react-hook-form and react-query for modified app versions. Requirements - Installed Node.js 20.19.0 or newer - Installed pnpm via Corepack ( corepack enable ) - Installed Visual Studio Code Usage First, install the dependencies: Then, run the development server: Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying app/page.tsx . The page auto-updates as you edit the file. This project uses next/font to automatically optimize and load Inter, a custom Google Font. Prisma Setup You need decide between prisma local development with sqlite or a real database with for example postgresql or sqlserver . Define it in the schema.prisma file. Consider adding a .env file to the root of the project and use the environment variables inside schema.prisma with env(\"DATABASE URL\") , refer to .env.sample . When using sqlite, initialize the database with: Seed prisma/seed.ts for initial data: To view your data in the database, you can run: When using a real database with for example postgresql or sqlserver, you need to migrate the database schema with: Development Info Development Tools The project uses ESLint for linti","default_branch":null,"files":null,"tree":[],"storefront":"/r/aurorascharff","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/aurorascharff/next16-contacts/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}