Meet Waddler
Get started

Get Started with Waddler and PlanetScale

This guide assumes familiarity with:
  • dotenv - package for managing environment variables - read here
  • tsx - package for running TypeScript files - read here
  • PlanetScale - MySQL database platform - read here
  • database-js - PlanetScale serverless driver - read here
important

For this tutorial, we will use the database-js driver to make HTTP calls to the PlanetScale database. If you need to connect to PlanetScale through TCP, you can refer to our MySQL Get Started page

Basic file structure

This is the basic file structure of the project.

📦 <project root>
 ├ 📂 src
 │   └ 📜 index.ts
 ├ 📜 .env
 ├ 📜 package.json
 └ 📜 tsconfig.json

Step 1 - Install @planetscale/database package

npm
yarn
pnpm
bun 
npm i waddler @planetscale/database dotenv
npm i -D tsx

Step 2 - Setup connection variables

Create a .env file in the root of your project and add your database connection variable:

DATABASE_HOST=
DATABASE_USERNAME=
DATABASE_PASSWORD=
tips

To get all the necessary environment variables to connect through the database-js driver, you can check the PlanetScale docs

Step 3 - Connect Waddler to the database

Create a index.ts file in the src/db directory and initialize the connection:

import { waddler } from "waddler/planetscale-serverless";

const sql = waddler({ connection: {
  host: process.env.DATABASE_HOST!,
  username: process.env.DATABASE_USERNAME!,
  password: process.env.DATABASE_PASSWORD!,
}});

// You can also connect to database using connection string
// const sql = waddler(process.env.PLANETSCALE_CONNECTION_STRING!)

If you need to provide your existing driver

import { waddler } from "waddler/planetscale-serverless";
import { Client } from "@planetscale/database";

const client = new Client({
  host: process.env.DATABASE_HOST!,
  username: process.env.DATABASE_USERNAME!,
  password: process.env.DATABASE_PASSWORD!,
});

const sql = waddler({ client: client });

Step 4 - Create a table


(async () => {
  await sql.unsafe(`CREATE TABLE users (
				id serial,
				name varchar(255) NOT NULL,
        age int NOT NULL,
        email varchar(255) NOT NULL UNIQUE,
				CONSTRAINT PRIMARY KEY(id)
			);
    `);
})()

Step 5 - Seed and Query the database

Let’s update the src/index.ts file with queries to create, read, update, and delete users

src/index.ts
import 'dotenv/config';
import { waddler } from 'waddler/planetscale-serverless';
  
const sql = waddler(process.env.PLANETSCALE_CONNECTION_STRING!);

async function main() {
  const user = [
    'John',
    30,
    '[email protected]',
  ];

  await sql`insert into ${sql.identifier('users')} values ${sql.values([[sql.default, ...user]])};`;
  console.log('New user created!')

  const users = await sql`select * from ${sql.identifier('users')};`;
  console.log('Getting all users from the database: ', users)
  /*
  const users: {
    id: number;
    name: string;
    age: number;
    email: string;
  }[]
  */

  await sql`update ${sql.identifier('users')} set age = ${31} where email = ${user[2]};`;
  console.log('User info updated!')

  await sql`delete from ${sql.identifier('users')} where email = ${user[2]};`;
  console.log('User deleted!')
}

main();

Step 6 - Run index.ts file

To run any TypeScript files, you have several options, but let’s stick with one: using tsx

You’ve already installed tsx, so we can run our queries now

Run index.ts script

npm
yarn
pnpm
bun 
npx tsx src/index.ts
tips

We suggest using bun to run TypeScript files. With bun, such scripts can be executed without issues or additional settings, regardless of whether your project is configured with CommonJS (CJS), ECMAScript Modules (ESM), or any other module format. To run a script with bun, use the following command:

bun src/index.ts

If you don’t have bun installed, check the Bun installation docs