-
- Create T3 App -
-
-
-
+
diff --git a/src/env.js b/src/env.js
index 6ca7f3e..f586028 100644
--- a/src/env.js
+++ b/src/env.js
@@ -7,6 +7,7 @@ export const env = createEnv({
* isn't built with invalid env vars.
*/
server: {
+ SUPABASE_KEY: z.string(),
DATABASE_URL: z.string().url(),
NODE_ENV: z
.enum(["development", "test", "production"])
@@ -27,6 +28,7 @@ export const env = createEnv({
* middlewares) or client-side so we need to destruct manually.
*/
runtimeEnv: {
+ SUPABASE_KEY: process.env.SUPABASE_KEY,
DATABASE_URL: process.env.DATABASE_URL,
NODE_ENV: process.env.NODE_ENV,
// NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
diff --git a/src/server/api/routers/post.ts b/src/server/api/routers/post.ts
index 4bbf615..c2d0e22 100644
--- a/src/server/api/routers/post.ts
+++ b/src/server/api/routers/post.ts
@@ -2,6 +2,7 @@ import { z } from "zod";
import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";
import { posts } from "~/server/db/schema";
+import { createSignedUrl } from "~/supabase/image-service";
export const postRouter = createTRPCRouter({
hello: publicProcedure
@@ -13,10 +14,13 @@ export const postRouter = createTRPCRouter({
}),
create: publicProcedure
- .input(z.object({ name: z.string().min(1) }))
+ .input(
+ z.object({ name: z.string().min(1), imageUrl: z.string().optional() }),
+ )
.mutation(async ({ ctx, input }) => {
await ctx.db.insert(posts).values({
name: input.name,
+ imageUrl: input.imageUrl,
});
}),
@@ -24,7 +28,9 @@ export const postRouter = createTRPCRouter({
const post = await ctx.db.query.posts.findFirst({
orderBy: (posts, { desc }) => [desc(posts.createdAt)],
});
-
- return post ?? null;
+ if (!post) return null;
+ if (!post?.imageUrl) return post;
+ const signedUrl = await createSignedUrl(post.imageUrl);
+ return { ...post, imageUrl: signedUrl };
}),
});
diff --git a/src/server/db/schema.ts b/src/server/db/schema.ts
index 54f9084..ffda1fc 100644
--- a/src/server/db/schema.ts
+++ b/src/server/db/schema.ts
@@ -23,14 +23,15 @@ export const posts = createTable(
{
id: integer("id").primaryKey().generatedByDefaultAsIdentity(),
name: varchar("name", { length: 256 }),
+ imageUrl: varchar("imageUrl"),
createdAt: timestamp("created_at", { withTimezone: true })
.default(sql`CURRENT_TIMESTAMP`)
.notNull(),
updatedAt: timestamp("updated_at", { withTimezone: true }).$onUpdate(
- () => new Date()
+ () => new Date(),
),
},
(example) => ({
nameIndex: index("name_idx").on(example.name),
- })
+ }),
);
diff --git a/src/supabase/image-service.ts b/src/supabase/image-service.ts
new file mode 100644
index 0000000..51d65ea
--- /dev/null
+++ b/src/supabase/image-service.ts
@@ -0,0 +1,20 @@
+import { supabase } from "~/supabase/supabase";
+
+export async function uploadImage(file: File) {
+ const uniqueName = `${Date.now()}-${file.name}`;
+ const { data, error } = await supabase.storage
+ .from("post-images")
+ .upload(`public/${uniqueName}`, file);
+ if (error) {
+ console.error("Upload failed", error);
+ return null;
+ }
+ return data.path;
+}
+
+export async function createSignedUrl(url: string) {
+ const { data } = await supabase.storage
+ .from("post-images")
+ .createSignedUrl(url, 3600);
+ return data?.signedUrl;
+}
diff --git a/src/supabase/supabase.ts b/src/supabase/supabase.ts
new file mode 100644
index 0000000..1a24715
--- /dev/null
+++ b/src/supabase/supabase.ts
@@ -0,0 +1,6 @@
+import { createClient } from "@supabase/supabase-js";
+
+const supabaseUrl = "https://mvfgovwbkpojurkplimu.supabase.co";
+const supabaseKey =
+ "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im12Zmdvdndia3BvanVya3BsaW11Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDE0MzEzODYsImV4cCI6MjA1NzAwNzM4Nn0.NrKBQt1tWNh7seAZjbBmdcWzV-dVhwx6A1XVFOIXjgo";
+export const supabase = createClient(supabaseUrl, supabaseKey);
diff --git a/src/trpc/react.tsx b/src/trpc/react.tsx
index 8c0521a..89c0a54 100644
--- a/src/trpc/react.tsx
+++ b/src/trpc/react.tsx
@@ -57,7 +57,7 @@ export function TRPCReactProvider(props: { children: React.ReactNode }) {
},
}),
],
- })
+ }),
);
return (
diff --git a/src/trpc/server.ts b/src/trpc/server.ts
index 91e557e..9e72cbe 100644
--- a/src/trpc/server.ts
+++ b/src/trpc/server.ts
@@ -26,5 +26,5 @@ const caller = createCaller(createContext);
export const { trpc: api, HydrateClient } = createHydrationHelpers(
caller,
- getQueryClient
+ getQueryClient,
);
First Steps →
-
- Just the basics - Everything you need to know to set up your
- database and authentication.
-
-
-
- Documentation →
-
- Learn more about Create T3 App, the libraries it uses, and how
- to deploy it.
-
-
+
+
+
-
-
-
- - {hello ? hello.greeting : "Loading tRPC query..."} -
-