14,486 questions
Best practices
0
votes
3
replies
31
views
Nuxt.js pre-render data in the server for the seo purpose
We have a nuxt.js project which is an ecommerce site. We load the products page with first 100 products as SSR. after that we load other products as we needed from the client side using an API call. ...
- 7,297
Best practices
0
votes
0
replies
21
views
Repository pattern + useAsyncData + Pinia store, hydration + caching problems?
We follow this article to write all our API calls https://medium.com/@luizzappa/nuxt-3-repository-pattern-organising-and-managing-your-calls-to-apis-with-typescript-acd563a4e046 so we can fetch a ...
- 29
Advice
2
votes
0
replies
46
views
3 years as a frontend dev but feel under-skilled — how do I restart learning and regain confidence?
I’ve been working as a frontend developer for around 3 years, but honestly, I feel stuck.
My current company doesn’t really follow standard software engineering practices, and the work has become ...
- 11
Best practices
1
vote
1
replies
34
views
How to enable cross-feature communication in Nuxt without breaking DDD boundaries
I'm building a Nuxt 3 application using a feature-based architecture inspired by Domain-Driven Design.
Each feature is meant to be fully isolated, with its own components, state, API layer, and ...
- 81
-1
votes
0
answers
38
views
Using css mixin as a dynamic class name with the BEM (Block Element Modifier)
I am trying create a dynamic classes using BEM along with the css mixins.
.card--sty-1{
&__circle{}
&__link{};
}
.card--sty-2{
&__circle{}
&__link{};
}
...for --sty-[n ...
-2
votes
0
answers
37
views
React Flow + Dagre layout issue when node content size varies
import dagre from 'dagre';
import { Node, Edge, Position } from 'reactflow';
export default function layoutDAG(
nodes: Node[],
edges: Edge[],
dagType: 'T' | 'I' | 'D'
): { nodes: Node[]; edges: ...
0
votes
1
answer
101
views
CSS opacity transition not working with iOS
I built a sort of timeline with a grid design and horizontal scrolling.
Dates are in the center row, while a picture is in 1st and some legend in 3rd.
The aim is to display pictures and legends only ...
- 33
1
vote
1
answer
288
views
How do I use the built-in MCP server in Next.js 16 and configure next-devtools-mcp? [closed]
I'm exploring the new MCP (Model Context Protocol) server introduced in Next.js 16, and I’d like to understand how to properly enable and use it in a development environment.
What I’ve done so far:
...
0
votes
1
answer
120
views
How can I import an external javascript library (from a CDN) for a website and still have types in my editor?
I'm working in astro which uses vite as its bundler, don't know if that helps.
So basically I have p5.js as a dependency for a sketch I demonstrate on my portfolio site, using the library from npm, ...
0
votes
1
answer
60
views
How to show Laravel session flash messages in Vue component using Inertia?
I’m using Inertia.js with Vue 3, and I want to show a success message when a form is submitted successfully.
In my controller I have:
public function store(Request $request)
{
$validated = $...
2
votes
1
answer
72
views
Start a Tauri app which calls C function using sudo without password
I have made a Tauri app. This app uses C in the backend. The C file contains multiple functions. Some functions use the sudo command to get data. I have started this C file in the Tauri app by writing ...
- 79
2
votes
1
answer
109
views
Text alignment shifts upward when using Arabic font (Tajawal) with Tailwind CSS and Next.js RTL
I’m working on a project using Next.js + next-intl + Tailwind CSS.
For English I’m using the Poppins font, and for Arabic I’m using Tajawal.
The problem is that when switching to Arabic (RTL), the ...
4
votes
1
answer
107
views
How to prevent text selection from being cleared when clicking a button on iPad Safari?
I'm developing a web application with a text-to-speech feature. Users can select text on the page and then click a "Play text to speech" button to have it read aloud. This works perfectly on ...
- 49
0
votes
1
answer
105
views
<dialog> with position: fixed causes parent scrollbars on mobile — how to fix?
I'm trying to use a element that stays fixed on the screen, so I’ve applied:
dialog {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
margin: 0;
overflow: auto;
}
On ...
0
votes
0
answers
114
views
Mercado Pago Payment Brick: missing_payment_information error when only accepting credit/debit cards
I'm integrating the Mercado Pago Payment Brick in my Vue 3 / TypeScript project, and I'm facing an issue: whenever I try to submit the payment, the Brick returns the error missing_payment_information ...
0
votes
0
answers
55
views
What is the best way to be handling onmounted calls while making sure the global state management array does not make the form dirty
This is my onMounted call and the loadTripAdvanceDetail function here is responsible for populating the form for edit operations however it makes my form dirty and gives me the unsaved changes dialog ...
-1
votes
2
answers
117
views
React hook form + react query. Sync defaultValues on refetch without clobbering dirty fields, and hard-reset after submit [closed]
Context
I’m using React Hook Form together with React Query. The parent component fetches data with a query, derives defaultValues, and passes them into the form.
Parent component:
export const ...
2
votes
0
answers
83
views
Can't execute API while using interceptors
I'm learning about DI-based interceptors in Angular 20. When I ran my Angular app, the home page (that contains API to get products) was loading for a long time and I received no response on the ...
1
vote
2
answers
256
views
How to make CSS infinite logo slider animation smooth without jumping?
I am creating a horizontal logo slider with multiple tracks.My goal is:
Even-numbered tracks should animate logos to the right.
Odd-numbered tracks should animate logos to the left.
Whenever I add new ...
0
votes
0
answers
48
views
how can i make a nested animation in framer motion?
i started using framer-motion 3 days ago, i tried making a dropdown menu which has a dropiing animation, the menu contains a list that has a slide animation, it slides when changing the menu as a ...
- 1
0
votes
1
answer
62
views
Next.JS monorepo not loading correct assets when switching zones (Loading Chunk Error)
I have multiple projects set up in a monorepo. I load all of them and browse out to Shared to load the initial layout. However, when I click a link to go to a different zone/app Customer, I receive ...
- 371
0
votes
1
answer
59
views
How to handle E2E API Request in Backend correctly?
I have set up an api backend using FastAPI. Backend testing has been done already. But I don't know how to test the frontend correctly which is usign the api. Because I want at least one test that is ...
- 62
-4
votes
1
answer
117
views
'toast.success' is not working in my signup form [closed]
I'm trying to implement a signup form and using the react-toastify package to show success and error messages. While the toast.error function works perfectly, the toast.success function does not ...
1
vote
2
answers
110
views
How to limit tailwind CSS to a specific react component
I am currently new to Tailwind CSS and figuring out why my login component CSS classes are also applied to every other component as well, I've tried scoping this CSS classes with modules as well but ...
- 157
0
votes
1
answer
51
views
How to solve the problem with compiling a program with an old interface?
I tried to make my Android app in Kotlin with Holo theme
My code:
activity_main.xml:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:...
