Server Functions
what is the best practice to initialize classes in server files with secret keys?
Can I just initialize them outside the server functions or should I always do it inside it?
Right now I'm doing it like so:
const GIPHY_API_KEY = process.env.GIPHY_API_KEY!;
const giphyFetch = new GiphyFetch(GIPHY_API_KEY); // is this safe to do outside?
const data = z.object({ offset: z.number().optional(), term: z.string() });
export const fetchGifs = createServerFn({ method: "POST" })
.validator(data)
.handler(async ({ data }): Promise<GifsResult> => {
const { offset, term } = data;
if (!GIPHY_API_KEY) {
throw new Error("GIPHY_API_KEY is not set");
}
if (term === "") {
console.log("fetchGifs called for trending with offset:", offset);
return giphyFetch.trending({ offset, limit: 10 });
}
return giphyFetch.search(term, { offset, limit: 10 });
});You can now submit your website/app/project to http://TanStack.com 's new showcase and have it seen by the TanStack community! - Global showcase browser - Per-library filters - Category filters Submit here: https://tanstack.com/showcase/submit View all here: https://tanstack.com/showcase
dry-scarlet · 2w ago
TanStack AI Alpha 2 is here! 🖼️ Image, video, audio, speech, transcription, structured output 📦 Split adapters = smaller bundles, faster dev/contributions, easier 🎄 Fully tree shakable adapters ✨ Cleaner, flattened, fully type-safe APIs https://tanstack.com/blog/tanstack-ai-alpha-2
dry-scarlet · 4w ago
📣 TanStack AI Alpha is here! ✨ Framework agnostic 🤖 Provider agnostic 🧠 Type safe 🔧 Isomorphic tools 🛠 Devtools 🌐 Open protocol 📦 JS, Python, PHP ⚛️ React, Solid, Vanilla 🌀 OpenAI, Anthropic, Gemini, Ollama, ++ Official blog post: https://tanstack.com/blog/tanstack-ai-alpha-your-ai-your-way Docs: https://tanstack.com/ai
dry-scarlet · 2mo ago