Daniel Sousa @TutoDS Posts - Answer Overflow

Daniel Sousa @TutoDS

Explore posts from servers

SSolidJS RRefine PPrisma

Posts Comments

SSolidJS

•Created by Daniel Sousa @TutoDS on 3/1/2025 in #support

Error when evaluating SSR module $vinxi/handler/ssr

10 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 2/27/2025 in #support

Google Analytics

Hi everyone I'm trying to add Google Analytics to my Solid Start project, but no data appears on the analytics page. Already try two ways: - Using script loader

createScriptLoader({
      src: 'https://www.googletagmanager.com/gtag/js?id=G-3BGEJC7QPE',
      onLoad() {
        const dataLayer = window.dataLayer || [];

        function gtag(...args: unknown[]) {
          dataLayer.push(args);
        }

        gtag('js', new Date());
        gtag('config', '<id>');
      },
    });

    createScriptLoader({
      src: `
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.jxs'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','<id>');
      `,
    });

createScriptLoader({
      src: 'https://www.googletagmanager.com/gtag/js?id=G-3BGEJC7QPE',
      onLoad() {
        const dataLayer = window.dataLayer || [];

        function gtag(...args: unknown[]) {
          dataLayer.push(args);
        }

        gtag('js', new Date());
        gtag('config', '<id>');
      },
    });

    createScriptLoader({
      src: `
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.jxs'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','<id>');
      `,
    });

- add the code on onMount

  const script = document.createElement('script');
  script.src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;
  script.async = true;
  document.head.appendChild(script);

  window.dataLayer = window.dataLayer || [];
  window.gtag = (...args: unknown[]) => {
    window.dataLayer.push(args);
  };

  window.gtag('js', new Date());
  window.gtag('config', measurementId);

  const script = document.createElement('script');
  script.src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;
  script.async = true;
  document.head.appendChild(script);

  window.dataLayer = window.dataLayer || [];
  window.gtag = (...args: unknown[]) => {
    window.dataLayer.push(args);
  };

  window.gtag('js', new Date());
  window.gtag('config', measurementId);

Anyone can help me please?

5 replies

PPrisma

•Created by Daniel Sousa @TutoDS on 1/4/2025 in #help-and-questions

Nestjs Prisma extension

Hi everyone I'm trying to fill the code field with a custom nanoid() with only uppercase letters and numbers, but when I do the $extends with my logic, I have two problems: - I think my custom nanoid() isn't working - Typescript is complaining because I didn't fill the code on the .create This is my prisma service:

@Injectable()
export class PrismaService extends PrismaClient implements OnModuleInit, OnModuleDestroy {
  private readonly logger = new Logger(PrismaService.name);
  #nanoid: (size?: number) => string = undefined;

  constructor() {
    super();
    this.#nanoid = customAlphabet('ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789', 4);
  }

  async onModuleInit() {
    this.logger.log(`CODE: ${this.#nanoid()}`);

    this.$extends({
      model: {
        customer: {
          create: ({ args, query }) => {
            args.data = {
              ...args.data,
              code: this.#nanoid(),
            };

            query(args);
          },
        },
      },
    }).$extends(
      createSoftDeleteExtension({
        models: {
          User: true,
          Customer: true,
        },
        defaultConfig: {
          field: 'deletedAt',
          createValue: (deleted) => {
            if (deleted) {
              return new Date();
            }
            return null;
          },
        },
      }),
    );

    await this.$connect();
  }

  async onModuleDestroy() {
    await this.$disconnect();
  }
}

@Injectable()
export class PrismaService extends PrismaClient implements OnModuleInit, OnModuleDestroy {
  private readonly logger = new Logger(PrismaService.name);
  #nanoid: (size?: number) => string = undefined;

  constructor() {
    super();
    this.#nanoid = customAlphabet('ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789', 4);
  }

  async onModuleInit() {
    this.logger.log(`CODE: ${this.#nanoid()}`);

    this.$extends({
      model: {
        customer: {
          create: ({ args, query }) => {
            args.data = {
              ...args.data,
              code: this.#nanoid(),
            };

            query(args);
          },
        },
      },
    }).$extends(
      createSoftDeleteExtension({
        models: {
          User: true,
          Customer: true,
        },
        defaultConfig: {
          field: 'deletedAt',
          createValue: (deleted) => {
            if (deleted) {
              return new Date();
            }
            return null;
          },
        },
      }),
    );

    await this.$connect();
  }

  async onModuleDestroy() {
    await this.$disconnect();
  }
}

16 replies

PPrisma

•Created by Daniel Sousa @TutoDS on 12/25/2024 in #help-and-questions

Soft Delete with Nestjs

Hi everyone How I can implement soft deletes using Prisma and Nestjs? I found on the docs but is using middlewares, and for what I know, they are deprecated. Thanks for your time

17 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 12/4/2024 in #support

[error] Client-only API called on the server side. Run client-only code in onMount, or conditionally

21 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 12/4/2024 in #support

Deploy on Coolify

Hi everyone Anyone deploying a solid start project on a Coolify instance?

2 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 11/24/2024 in #support

SEO not working when sharing

16 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 10/28/2024 in #support

Default SEO vs Route SEO

Hi everyone I'm facing an issue where my DEFAULT SEO overrides the ROUTE SEO. I created two components (on the thread): - the default.tsx where I import on app.tsx; - the page.tsx where I import on each route. But, when I see the meta tags, they are from the default.tsx instead of the page.tsx. Any way to keep the default and override it on the routes?

14 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 10/21/2024 in #support

Cache with sanity

Hi everyone I'm using cache to request my sanity data, but who I can "forgot" the cache when update something on the sanity?

16 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 10/20/2024 in #support

Add scripts to header from string

Hi everyone I want to add a few scripts to my header, but I want to receive these scripts from Sanity CMS, so I will receive it as string. Any way to do it?

19 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 9/23/2024 in #support

Filtering projects not working

Hi everyone I'm trying to filtering my projects list according to a "tabs", where I click and set the searchParam tab, but isn't working. Only works if I refresh the page. This is my createAsync:

  const data = createAsync(async () => {
    let currentPage = searchParams.page ? Number(searchParams.page) : 1;
    const pages = await getPaginatedProjects(currentPage, DEFAULT_PAGINATION_OFFSET);
    const numberOfPages = Math.ceil(pages.total / DEFAULT_PAGINATION_OFFSET);

    if (currentPage > pages.total) {
      currentPage = numberOfPages;
    }

    if (currentTab() !== 'all') {
      const { data, total } = await getPaginatedProjectsByService(
        currentTab(),
        currentPage,
        DEFAULT_PAGINATION_OFFSET,
      );

      return {
        data,
        total,
        currentPage,
      };
    }

    const { data, total } = await getPaginatedProjects(
      currentPage,
      DEFAULT_PAGINATION_OFFSET,
    );

    return {
      data,
      total,
      currentPage,
    };
  });

  const data = createAsync(async () => {
    let currentPage = searchParams.page ? Number(searchParams.page) : 1;
    const pages = await getPaginatedProjects(currentPage, DEFAULT_PAGINATION_OFFSET);
    const numberOfPages = Math.ceil(pages.total / DEFAULT_PAGINATION_OFFSET);

    if (currentPage > pages.total) {
      currentPage = numberOfPages;
    }

    if (currentTab() !== 'all') {
      const { data, total } = await getPaginatedProjectsByService(
        currentTab(),
        currentPage,
        DEFAULT_PAGINATION_OFFSET,
      );

      return {
        data,
        total,
        currentPage,
      };
    }

    const { data, total } = await getPaginatedProjects(
      currentPage,
      DEFAULT_PAGINATION_OFFSET,
    );

    return {
      data,
      total,
      currentPage,
    };
  });

I will leave the rest of the code in the thread

3 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 9/13/2024 in #support

App errors because nodemailer

16 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 9/10/2024 in #support

`createAsync` crashing my app

Hi everyone. When I add this second createAsync my app crashes:

const contactsAndSocial = createAsync(() => getSocialNetworksAndContacts());

const contactsAndSocial = createAsync(() => getSocialNetworksAndContacts());

__vite_ssr_import_7__.getSocialNetworksAndContacts is not a function

Code:

// getSocialNetworksAndContacts
const getSocialNetworksAndContacts = cache(
  async (): Promise<SocialNetworksAndContacts> => {
    'use server';

    try {
      return client.fetch<SocialNetworksAndContacts>(getSocialNetworksAndContactsQuery);
    } catch {
      return {
        social: [],
        contacts: [],
      };
    }
  },
  'social-networks-and-contacts',
);

// getSocialNetworksAndContactsQuery
const getSocialNetworksAndContactsQuery = `
  *[_type == "settings"] [0] {
    "contacts": coalesce(contacts, []),
    "social": coalesce(social, [])
  }
`;

// getSocialNetworksAndContacts
const getSocialNetworksAndContacts = cache(
  async (): Promise<SocialNetworksAndContacts> => {
    'use server';

    try {
      return client.fetch<SocialNetworksAndContacts>(getSocialNetworksAndContactsQuery);
    } catch {
      return {
        social: [],
        contacts: [],
      };
    }
  },
  'social-networks-and-contacts',
);

// getSocialNetworksAndContactsQuery
const getSocialNetworksAndContactsQuery = `
  *[_type == "settings"] [0] {
    "contacts": coalesce(contacts, []),
    "social": coalesce(social, [])
  }
`;

10 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/19/2024 in #support

Cookies banner

Hi everyone Anyone already implemented a Cookies banner on Solid Start to follow the GDPR rules? If yes, what you have used?

6 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/18/2024 in #support

SEO

Hi everyone It's possible to generate the robots.txt and sitemap.xml files on Solid Start project?

14 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/15/2024 in #support

Deploy

Hi everyone I'm deplyong my first solid start website, but the data seems to be static. I change it on the Sanity CMS, but when I come to the page the data remains the same. Any idea how to solve it?

145 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/12/2024 in #support

Solid Form

Hi everyone I'm trying to use solid-form for the first time, but I'm facing this error:

[vite] Error when evaluating SSR module src/routes/contactos.tsx?pick=default&pick=$css: failed to import "solid-forms"
|- /node_modules/.pnpm/[email protected][email protected]/node_modules/solid-forms/dist/public-api/index.module.js:1
import { isAbstractControlContainer } from 'solid-forms/core';

[vite] Error when evaluating SSR module src/routes/contactos.tsx?pick=default&pick=$css: failed to import "solid-forms"
|- /node_modules/.pnpm/[email protected][email protected]/node_modules/solid-forms/dist/public-api/index.module.js:1
import { isAbstractControlContainer } from 'solid-forms/core';

This is my form:

function ContactFormSection() {
  return (
    <form onSubmit={handleSubmit} class={'space-y-4'}>
      <BaseInput
        name={'name'}
        control={group.controls.name}
        id={group.controls.name.id.toString()}
      />

      <BaseInput
        type={'email'}
        name={'name'}
        control={group.controls.email}
        pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
        id={group.controls.email.id.toString()}
      />

      <BaseInput
        type={'tel'}
        name={'phone'}
        control={group.controls.phone}
        pattern={'d{9}'}
        id={group.controls.phone.id.toString()}
      />

      <TextArea
        name={'message'}
        control={group.controls.message}
        id={group.controls.message.id.toString()}
      />

      <Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
 I accept the terms and conditions
      </Checkbox>
    </form>
  );
}

function ContactFormSection() {
  return (
    <form onSubmit={handleSubmit} class={'space-y-4'}>
      <BaseInput
        name={'name'}
        control={group.controls.name}
        id={group.controls.name.id.toString()}
      />

      <BaseInput
        type={'email'}
        name={'name'}
        control={group.controls.email}
        pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
        id={group.controls.email.id.toString()}
      />

      <BaseInput
        type={'tel'}
        name={'phone'}
        control={group.controls.phone}
        pattern={'d{9}'}
        id={group.controls.phone.id.toString()}
      />

      <TextArea
        name={'message'}
        control={group.controls.message}
        id={group.controls.message.id.toString()}
      />

      <Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
 I accept the terms and conditions
      </Checkbox>
    </form>
  );
}

3 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/9/2024 in #support

Footer

69 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/4/2024 in #support

Dynamic `<head>`

Hi everyone Is possible to put on app.tsx a dynamic <head> tags (Title, Meta, ...)? Basically I have all my content manage on a CMS, and I want to se the base title, the base meta tags fetching from CMS, but if I try to use createResource on app.tsx gives me an error. Any suggestion

6 replies

SSolidJS

•Created by Daniel Sousa @TutoDS on 8/4/2024 in #support

How to send emails

Hi everyone. How I can send emails from a contact form? What should I use? Thanks

40 replies

Gaming

Programming