MyLinx Linktr.ee Clone built with Nuxt, Vuetify, Planetscale and Drizzle ORM

image

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

Environment Variables

Create a .env file with these variables DATABASE_URL= JWT_SECRET= JWT_REFRESH_SECRET= CLOUDINARY_NAME= CLOUDINARY_API_KEY= CLOUDINARY_SECRET=

Database Connectivity

Your DATABASE_URL variable should look like this image

If you get an SSL Version Number error, in your DATABASE_URL variable, replace ?sslaccept=strict with ?ssl={"rejectUnauthorized":true}

Once you have your database url in your .env file, run

yarn db:push

This will create all of the tables in your database. Any time you make changes to the schema file in @/drizzle/schema.ts and you want to save the changes to your database, run that same command.

To view and edit your database in an interface, run

yarn db:view

This will launch the drizzle-kit studio database viewer/editor. image