iScream Comments - Convex Community

iScream

•Created by burnstony#1975 on 11/19/2024 in #support-community

Choosing a React Framework

React has wide community support as it is still the most used frontend framework hence Convex has the best support for React. If you are new to React and Convex, the best is to stick to these well supported and widely used combination because whenever you have issues which cannot be resolved by ChatGPT, you will have better chance to find support in these communities. (I recommend using React with Convex as a big fan of Svelte.)

13 replies

CCConvex Community

•Created by ian on 9/18/2024 in #support-community

How can I re-use table validators?

I'm not sure this is the question you are asking, but in my Convex queries, mutations and helper functions I referred table entry types with the generated DataModel imported from _generated folder like so:

export const withStorageImage = async (
    ctx: GenericQueryCtx<DataModel>,
    user: DataModel['users']['document'] | null
): Promise<DataModel['users']['document'] | null> => {
[...]
            const url = await ctx.storage.getUrl(user.image as Id<'_storage'>);
[...]
    return user;
};

14 replies

CCConvex Community

•Created by i.sona on 9/23/2024 in #support-community

convex-auth with sveltekit

I used AuthJS with SvelteKit in my recent project based on these two tutorials: https://stack.convex.dev/nextauth-adapter https://stack.convex.dev/nextauth Most of these are not required if you are using Convex Auth, but in both cases you will need your own ConvexAuthProvider Svelte component which is like:

<script lang="ts">
    import { variables } from '$lib/variables';
    import { setupConvex, useConvexClient } from 'convex-svelte';

    let {
        token,
        children
    }: {
        children: any;
        token: string | undefined | null;
    } = $props();

    // initialise Convex context
    setupConvex(variables.convexUrl);

    // set ID token for convex client if available in the session (aka the user is logged in)
    $effect.pre(() => {
        if (token) {
            const client = useConvexClient();
            client.setAuth(async () => token);
        }
    });
</script>

{@render children()}

3 replies

CCConvex Community

•Created by GhostBob on 9/17/2024 in #support-community

Svelte: server side: call queries?