Refactor SQL query syntax in user image and comments table creation

- Updated SQL query syntax to use template literals for better readability and consistency.
- Changed method calls from `sql()` to `sql.query()` for inserting data into the database.

Author: rishi-raj-jain

with-nextjs-aws-s3/app/api/user/image/route.ts

@@ -7,11 +7,11 @@ export async function POST(request: NextRequest) {
   const sql = neon(process.env.DATABASE_URL);
   try {
     // Create the user table if it does not exist
-    await sql('CREATE TABLE IF NOT EXISTS "user" (name TEXT, image TEXT)');
+    await sql`CREATE TABLE IF NOT EXISTS "user" (name TEXT, image TEXT)`;
     // Mock call to get the user
     const user = "rishi"; // getUser();
     // Insert the user name and the reference to the image into the user table
-    await sql('INSERT INTO "user" (name, image) VALUES ($1, $2)', [
+    await sql.query('INSERT INTO "user" (name, image) VALUES ($1, $2)', [
       user,
       objectUrl,
     ]);

with-nextjs-server-actions/app/page.tsx

@@ -6,10 +6,10 @@ export default function Page() {
     // Create an instance of Neon's TS/JS driver
     const sql = neon(`${process.env.DATABASE_URL}`);
     // Create the comments table if it does not exist
-    await sql("CREATE TABLE IF NOT EXISTS comments (comment TEXT)");
+    await sql`CREATE TABLE IF NOT EXISTS comments (comment TEXT)`;
     const comment = formData.get("comment");
     // Insert the comment from the form into the Postgres (powered by Neon)
-    await sql("INSERT INTO comments (comment) VALUES ($1)", [comment]);
+    await sql.query("INSERT INTO comments (comment) VALUES ($1)", [comment]);
   }
   return (
     <form