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

This project uses Prisma as its ORM for database management and type-safe database access.

The site features a randomQuote that fetches a random quote from an API on pageload and on button click and a visitorCounter that counts the different IP-addresses that have visited the site and notes the date of last visit.

Getting Started

First, install dependencies:

npm install
# or
yarn install
# or
pnpm install

Second, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Set up database

open a second terminal and run

npx prisma db push

once you made changes to a data model, update the database with

npx prisma generate

see the contents of the database:

npx prisma studio