abd
Explore posts from serversHandling large SVGs
Hello,
1. I have a content site that I am startically rendering.
2. I have SVGs that I want to include on certain pages
3. I want to be able to control the sizing of the SVG programmatically based on the screen so my strategy was to create vue components like this for the SVGS
this worked really well, except because the SVGs are so large the component file is large and I cannot deploy it easily on nuxthub/cloudflare.
I was recommended to move to the SVGs to the
/public/
folder however this means two things:
1. I need to fetch the SVGs in onmounted, so there is a loading flash when they load
2. I cannot use props to control the sizing of the SVGs according to page logic
What is the best strategy for managing large SVGs?2 replies
nuxt/content + nuxt/seo ogImages
Hi all,
reading the nuxt/seo + nuxt/content integration guide it explains the following
I am not using the useContentHead composable and actually unsure what this is / how to use it? I have a standard non Document driven integration with nuxt/content and am letting it default handle creating all of the head elements based on the frontmatter.
Is there an example of how to integrate custom images with non document driven mode?
1 replies
nuxt/content api calls?
I am checking google search console and see all these urls on my site that are not being indexed. i am using nuxt3 and nuxt/content for some of my content pages. what is this url? I dont understand what kind of request this is:
https://mysite.com/api/_content/query/bks3bwxT0H.1720262707368.json?_params=%7B%22first%22:true,%22where%22:%5B%7B%22_path%22:%22%2Fsecurity%2Fresponse%22%7D%5D,%22sort%22:%5B%7B%22_file%22:1,%22$numeric%22:true%7D%5D%7D
7 replies
useFetch && $fetch
hello,
I have a page component with a date picker. when the page component loads it is fetching data for the default date today() for the user using usefetch
The user can then select a different date to select data for that date.
I get this warning in the console
Component is already mounted, please use $fetch instead.
This is my component code
What is the correct pattern to use?6 replies
nuxt/content styling
Hello,
I am using
"@nuxt/content": "^2.12.1",
in a nuxt project with taildwindcss.
When I use markdown syntax like :
# Title
none of the typical styling is presented in page. Is this because of tailwind stripping default styling?
How does one get styling for markdown in the content module if using tailwind?3 replies
Supabase server-routes RLS authentication
Hello,
1. I am using supabase as part of my application
2. I am making all calls to supabase tables from server-side routes
3. I am adding in RLS to each of my tables. From the documentation I read that supabase will automatically send the JWT of the logged in user on CRUD requests to tables to validate the RLS rules. How does this happen if I am using supabase in server-routes where there is no client context?
8 replies
fetch happening on server-rendering in dev mode but not in production
Hello,
General information
1. I am running my app on heroku
2. these are my script commands
My issue is as follows:
1. I am using
useFetch
in a page component.
2. When running in local development, the fetch is being called server side and the page is loading with the returned data in NUXT_DATA
3. When running in production however this is not happening. It wont call on serer side (and only calls on client side when doing client side routing)
What am I doing wrong here?1 replies
nuxt3 <NuxtLink> prefetching behavior
Hello all,
Do nuxtlink elements prefetch the content in the background? I know this was a feature in nuxt2 but dont find mention if it in the nuxt3 documentation.
Is this the same / related to the new https://github.com/WICG/nav-speculation/blob/main/triggers.md#speculation-rules API that google demo'ed at IO?
1 replies
google cloud SDKs
Hi all,
I am building an application that interacts with google cloud apis, specifically google play app store api's.
In a deno runtime environment I am finding it super hard to build such a system because there are no easy ways to handle oauth authentication strategies.
In node there are official packages for providing convenience apis. anything like this for deno?
1 replies