ricar ⚛️

Moving to a new account ( @ric_jms ) to start fresh as I think X has shadowbanned my current account 😞 Feel free to follow me there if you wanna keep contact 🙏🏼

@timneutkens Personal movie tracker framecount.app

What are you building with Next.js?

Few ppl will read this, but: I made a thing ✨ I called it FrameCount, and I've had a great time building it It's a web that lets me track what I watch and see how much time I’ve spent doing it Would love to hear your thoughts if you check it out 🙏 framecount.app

Been building a little side project these past weeks. It tracks the movies I watch, and shows me stuff like: → total time spent and movies watched → favorite genres → other cool stats I didn’t know I wanted It's built for me, but I will share tomorrow to get some feedback 🎬

Which tool would you choose to add your very first test to a Nextjs app? I'm thinking about Jest, but don't know if it would be better to start with something else 🤔

How it started. How it’s going.

Going back to the OpenAI API after a couple of years or more, I'm very surprised by the number of features and good docs they have put out there. I'm particularly amazed about the Structured queries and how efficiently they are preventing users from hacking the LLM

this is the tech stack I use for the side-project I'm building: - NextJS 15 - React 19 + TS - Tailwind 4 + some ShadCN - OpenAI - Prisma + PostgreSQL - Vercel - PostHog any recommendations for tools I should be using? #buildinpublic #sideproject

Did someone tried out the Firebase Studio? It works pretty bad IMO. I wasn’t able to get any result near to “good” in my tests… and it tries always to inject AI features with Gemini in your projects 😡😡

The thing I love the most about the app I'm building for tracking movies is checking: 👉 Distribution of the movies I've watched by release year 👉 Total full days of my life spent watching shit It’s sooooo satisfying. I'll share it next week in case someone wanna take a 👀✨

This days I've discovered Nuqs and I'm amazed on how cool is it. I've never imagined how messy the URL params can get very quickly, especially when working with SSR and Nextjs. Very useful and straightforward to use! nuqs.47ng.com #nextjs #url #router #react

@delba_oliveira Yes, I've already tried the experimental version but it doesn't work in most OSs, in mobile platforms I had a lot of issues with layout shifts and weird state transitions. Let's see if the team can bring it fast 🙏🏼

@msRicar12 I'd say View Transitions are the endgame here. Still early, but have you seen: nextjs.org/docs/app/api-r…

Next.js 15.3: useLinkStatus Define inline feedback to show while navigations complete. Tip: • Avoid an unnecessary flicker of pending UI on fast loads by adding an initial animation delay (e.g. 100ms) and fading in from 0 opacity.

@delba_oliveira Ohh I see. I need to figure out if it's possible to smooth transition between Skeleton and content. Exit animations on the server are virtually impossible afaik, but at least having an enter animation for the content will improve a lot the experience and partially solve UI shifts

@msRicar12 I meant the little circle ◔ might unnecessarily show for a frame on a fast navigation that wouldn't have needed a loading indicator.

Just having a fun time with shallow routing, motion in SSR React and NextJS dynamic rendering 🤙🤙🤙 #buildinpublic #react #nextjs

Wondering if there’s a more “engaging” way to display that data than a table or a chart 🤔

Been playing with some of this stuff: - Next.js 15 + App Router - React 19 - Prisma It's a bit of an overkill for a personal movie tracker, but - I learned a lot building it. I'll share it soon just in case someone wants to throw some feedback in! 🍿

@ak_elrawas Thanks I'll investigate the first 3 topics which I'm not very into tbh. One specific question: when you say "lazy load", you mean using "dynamic" imports from next or React lazy? I have several dynamic imports in the root layout but not sure which one is better though

@msRicar12 - analyse your bundle - tree-shake your libraries - try to lazy load stuff in your root layout - image optimisation - revise your fonts there are a lot of reasons this could happen you'd need someone to have the time to look at the code

Need help! I've been building a NextJS app during the last weeks and I'm polishing some details before publishing. I'm running into some performance issues with the LCP due to the Root layout weight (1.6mb). Do any of you know how to reduce the bundle size effectively?

@ak_elrawas Is there any way I can figure out an answer for me? 😅😅

@msRicar12 this depends on so many things no one could give you a straight answer

@iamsahaj_xyz Question: Was this achieved only applying the View Transitions API? I was trying to have some "animated transition" between dark/light mode in a project and it was very difficult due to each particular UI element transition behavior 🫠

view transitions are so goated just added them to tweakcn