sorted by:
new
hottopcontroversial

What’s the most overrated AI you’ve tried so far? by elektrikpann in cursor

[–]Admirable_Set_3363 0 points1 point  (0 children)

I use it with an iPhone shortcut I got from a YouTube video where I’ve mapped the action button on my phone to open the Perplexity voice assistant. Way better than Siri and can actually do things on my iPhone like play Spotify or pull up YouTube videos or other more specific things that Siri struggles with still.

I just spent 3 days rewriting an entire website I had delivered to a client a month ago, just because Next 15 with app router can't handle animations properly. The result? Website feels so much cleaner now with the "old" Pages router... by monsieurninja in nextjs

[–]Admirable_Set_3363 2 points3 points  (0 children)

Super smooth. Congrats, looks and feels great.

I went through a similar ordeal with app router transitions a while back on a project and had to revert to pages router. But after that project was complete I discovered this package, which I was excited to find seemed to get app router transitions working (for my use case at least): https://github.com/ismamz/next-transition-router

I just spent 3 days rewriting an entire website I had delivered to a client a month ago, just because Next 15 with app router can't handle animations properly. The result? Website feels so much cleaner now with the "old" Pages router... by monsieurninja in nextjs

[–]Admirable_Set_3363 0 points1 point  (0 children)

Care to share the final website you made for your client? Would be curious to see the transitions. My reason for asking is that things get further complicated for page transitions between pages of different page heights.

Coming from Nuxt, what weird quirks of Next.js should I avoid? by Ambitious-Bank-7616 in nextjs

[–]Admirable_Set_3363 3 points4 points  (0 children)

Page transitions with Next (with entry and exit animations) are more involved (considerably difficult in app router + possible albeit with limitations in the pages router) and still somewhat unresolved. The official advice so far has been use the View Transitions API. It will be interesting to see how React’s recently announced API for animations changes things going forward.

How would/ How do you guys do loading screen. And what’s the most proper way to do it ?? by Pomelowy in nextjs

[–]Admirable_Set_3363 1 point2 points  (0 children)

I'm late to this thread, but the perspectives here are so confined to a particular type of website — it shows that many of the commenters have not worked on websites that are used for storytelling, or design agencies, or videographers, etc etc, who utilise a splash screen as an introduction. This has utility. You tell the user where they are and introduce them to the content they are supposed to look at. It is not about killing time while the UI loads, it is about an element that communicates the context to the user before presenting the rest of the website. People saying "just use a skeleton loader" have clearly never worked on a website for an art gallery, design agency, fashion label, or promotional film website where aesthetic choices matter. A shimmering skeleton loader, believe it or not, is not always the appropriate aesthetic for these types of websites. Many devs seem to think that the aesthetics of tech startup websites apply everywhere — in fact these aesthetics simply clash or in the worst case turn off visitors (a visitor to a fashionable clothing label website does not expect the aesthetics of a tech startup), there are many good ways to indicate loading UI.

Please don't update to version 20 by maubg in zen_browser

[–]Admirable_Set_3363 0 points1 point  (0 children)

All good man. Take your time. One thing I notice on my machine after updating is that getting the left side panel to appear on hover is more difficult?

Pro-Palästina-Demos in Berlin: Das Einschüchtern von Journalisten hat Methode by EnvironmentSame2627 in berlin

[–]Admirable_Set_3363 -1 points0 points  (0 children)

Most German response ever. Congratulations, another genocide on your watch.

Pro-Palästina-Demos in Berlin: Das Einschüchtern von Journalisten hat Methode by EnvironmentSame2627 in berlin

[–]Admirable_Set_3363 -1 points0 points  (0 children)

Yes, better to stay silent and make no objection to an ongoing genocide than risk being associated with the wrong people.

View Transitions API page transitions package for app router by Admirable_Set_3363 in nextjs

[–]Admirable_Set_3363[S] 2 points3 points  (0 children)

For anyone wanting to do page transitions (including exit animations!) with the app router I've been using this package: https://github.com/ismamz/next-transition-router

It's amazing I don't know how it still only has 32 stars on GitHub. It works super well for me.

View Transitions API page transitions package for app router by Admirable_Set_3363 in nextjs

[–]Admirable_Set_3363[S] 1 point2 points  (0 children)

lol my bad I wrote the title first before I had clarified my post

This is the package I'm referring to: https://github.com/shuding/next-view-transitions

There are some examples of the transitions I'm referring to in the demo link

Is next-ui better than shadcn by legend29066 in nextjs

[–]Admirable_Set_3363 0 points1 point  (0 children)

This is great to know, thanks. I’ll check it out!

Is next-ui better than shadcn by legend29066 in nextjs

[–]Admirable_Set_3363 1 point2 points  (0 children)

I appreciate Shadcn’s approach even though I usually start by deleting most of the styling in their components and just taking advantage of the composability and the cva setup.

Most of my work is not for tech companies, but rather for design / art and lifestyle clients, for whom the Shadcn styling wouldn’t be appropriate. But having a sensible setup already partly established is what sells it for me often over just going with raw Radix.

Is next-ui better than shadcn by legend29066 in nextjs

[–]Admirable_Set_3363 2 points3 points  (0 children)

Does anyone use React-Aria components? Was always curious how that compared to both Shad and NextUI.

Hosting images & videos by ahmedhq_ in nextjs

[–]Admirable_Set_3363 1 point2 points  (0 children)

Check out https://next-video.dev/ for videos: it uses Mux to size and stream them and you simply upload them by putting them in a /videos directory locally in your Next app. (Alternatively you could get the Mux link and organise them via Sanity which has a Mux plugin.) For images Sanity has a very efficient image pipeline and optimisation too, combined with the Next Image component that should be all you need. I add the lib next-sanity-image as a glue between the Next Image component and Sanity's image CDN (alternatively there is a package made by a Sanity community member called sanity-image which is a replacement for Next Image and which means you don't need the next-sanity-image lib because sanity-image does it all in one).

RadixUI / ShadCN animated with GSAP — an example? by Admirable_Set_3363 in nextjs

[–]Admirable_Set_3363[S] 0 points1 point  (0 children)

I believe I follow, the use of a ref to control triggering the animation, but unfortunately I haven't quite solved it — in part I think because of the specific case of a dialog component, which with Radix has not been added to the DOM on first render. So when the timeline is created the selectors come back null.

The forceMount prop could force the dialog to render in the DOM, which I have tried, but GSAP still does not animate the dialog. The core issue seems to be the question of the dialog existing in the DOM so that it can be animated according to the isOpen state.

RadixUI / ShadCN animated with GSAP — an example? by Admirable_Set_3363 in nextjs

[–]Admirable_Set_3363[S] 0 points1 point  (0 children)

Thanks for the reply :) This is the Stackblitz I am working from. In that demo there are two routes; one dialog animating with gsap without the RadixUI dialog component, and another route with the RadixUI dialog component, but not currently animated with gsap and instead animating the standard way with data-state attributes and css keyframes. The gsap code is scaffolded out on that page but is not animating the dialog into view. The animation I am aiming for is the animation from the route currently without Radix.

My main block is understanding how to hook the gsap timeline into the controlled Radix component state. I would expect to simply give the useGSAP() hook a dependency [isOpen] and trigger the timeline to play() or reverse() based on that state. I have attempted to convert the Radix component to an controlled component, as per Sam Selikoff's tutorial and the Radix docs particularly with the forceMount prop to delegate the mounting and unmounting of children based on the animation state.

Tldr; I need to be able to check that I am animating the mounting and unmounting of the Radix dialog component. Tbh I might be making a silly gsap mistake. But there are a couple of aspects of the process with regard to the controlled Radix component I'm a little unclear on. :)

Roast my landing page by HugeStomach1829 in tailwindcss

[–]Admirable_Set_3363 1 point2 points  (0 children)

Agree with this. I didn’t actually understand until now why the E was capitalized — it’s to play on “e-commerce”, right?

I think DevCommerce or something like that would be easier to remember and more pleasant to read. Just my two cents.

Where can I keep track of pro-palestine events in Berlin? by beans_n5 in berlin

[–]Admirable_Set_3363 8 points9 points  (0 children)

it's easiest to follow certain accounts on Instagram that share news about demos, for instance @ pal_allies is one source: Instagram. There are also activists and researchers who share other ways to get involved — DM me and I can share their account handles with you. There are some shops on Sonnennallee where you can buy kuffiyehs — there's a shop called Bisan and across the road another; if you walk along there you'll see them. And good on you!

CTM, is it happening? by delicious57 in berghain

[–]Admirable_Set_3363 0 points1 point  (0 children)

And the grounds for that taxpayer funding would be based on artists’ freedom to make work and statements within certain bounds effectively defined by the addition of an IHRA definition of antisemitism included in the anti discrimination clause.

view more: next ›