A Redditor voiced a common frustration in Next.js development: the ubiquity of page.tsx files making it hard to distinguish between pages in the editor [381↑]. One user quipped, "Welcome to modern web development" [260↑].
One helpful response pointed to a VSCode setting that helps reformat tab names [81↑]. The specific JSON configuration allows renaming tabs based on their directory, making it easier to identify which page.tsx file is being edited [219↑].
Another user mentioned using a feature folder structure, which mirrors the app router layout. In this setup, page.tsx files primarily serve to return a single component [55↑].
This approach keeps the page.tsx files simple and manageable.
A Redditor reported a sudden $258 charge from Vercel due to unexpected traffic on a new domain [95↑]. The user had a firewall active but didn't notice the issue for two days, expressing concern that the charges could have continued unnoticed.
A Vercel employee offered several suggestions to manage and mitigate these costs, including turning on spend limits, enabling Fluid compute, and using the bot filter to deny traffic from AI crawlers [91↑]. They noted Cloudflare might interfere with traffic detection, advising going directly to Vercel for bot filtering.
The user identified the traffic as coming from AI crawlers harvesting data, particularly confused by URL filter combinations [9↑]. The Vercel employee confirmed that AI crawlers often ignore robots.txt files and suggested a specific rule to block them [17↑].
Other users advised setting billing limits and notifications regardless of the service provider and suggested contacting Vercel to potentially remove the charge [16↑]. One user expressed a preference for managing their own VPS for better budget control [15↑].
A Redditor introduced DropDrawer [76↑], a responsive component designed to switch between a dropdown menu on desktop and a drawer on mobile devices, especially useful for web apps wrapped into native iOS/Android apps.
Several users praised the work. One user, who recently implemented a similar pattern, noted that this would have saved them time [8↑]. Another user was impressed by the embedded views and inquired about the possibility of making radix-based drawers appear from different directions using a "direction" prop [5↑].
Other redditors agreed that the component looked awesome [2↑] and enhances UX [2↑].
A Redditor asked the r/nextjs community about their preference between Auth.js and Better Auth when using a database [35↑].
One user shared their experience of migrating from Auth.js to Better Auth, citing superior DX and feature set. They highlighted features like multi-tenancy, API keys, JWT with JWKS, OTP, and admin features [42↑].
Another user mentioned that Auth.js's newest version has been in beta for too long, but both options have strong communities [11↑]. One user expressed a strong dislike for Auth.js [14↑], while another suggested using Clerk, but one user said that they switched from Clerk to BetterAuth [0↑].