What is the proper way to connect neon with drizzle orm in next js?

import { neon } from "@neondatabase/serverless"
import { config } from "dotenv"
import { drizzle } from "drizzle-orm/neon-http"

config({ path: ".env.local" })

const sql = neon(process.env.DATABASE_URL as string)
export const db = drizzle({ client: sql })

import 'dotenv/config';
import { drizzle } from 'drizzle-orm/neon-http';
import { neon } from '@neondatabase/serverless';

import ws from 'ws';
neonConfig.webSocketConstructor = ws;

// To work in edge environments (Cloudflare Workers, Vercel Edge, etc.), enable querying over fetch
// neonConfig.poolQueryViaFetch = true

const sql = neon(process.env.DATABASE_URL);

export const db = drizzle({ client: sql });

import { Pool } from '@neondatabase/serverless';
const pool = new Pool({connectionString: 'postgresql:/xxx?sslmode=require' });