XOutlier
Download .zipAdd to Chrome

Delba

@delba_oliveira134k followers

For the love of the craft. Claude Code • @ClaudeDevs @AnthropicAI | Prev. @Vercel

Open on X
Top outlier
38.4×
Best organic post
Peak views
748k
Single post
Bookmarks
34k
Across 100 organic posts
Last scan
Oct 16
Community cache
Posts 100 posts
#DatePost↓ OutlierViewsLikesRepostsBookmarks
1Sep 30, '24React visually explained: 'use client'38.4×748k8k7747.1k
2Sep 28, '23I’m exploring a new video series to visually explain Next.js and React concepts. Open to feedback 🖤 Episode 1: Next.js Filesystem Routing21.1×410k3.6k2811.1k
3Jul 19, '22Light reflection. But make it UI. Here's an idea for your loading skeletons. Let's create a shimmer animation with @tailwindcss ✨17.2×02.8k2951.2k
4Aug 3, '23We added a new section in the Next.js Docs: Caching ↳ Here's the TLDR for those who want a better understanding of the different caching layers and how they relate to Server Compon16.6×323k1k150442
5Jan 29, '24Next.js Explained: Partial Prerendering What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter?14.4×280k2k2881.1k
6May 16, '23Today, 4 years ago, I made my first contribution to the @Nextjs docs: Now I'm building the new docs 🤯 🫠 We migrated to App Router, addressed 1k+ comments, and created a new diagr10.6×207k1.2k85363
7Apr 26, '24React 19: forwardRef → ref10.6×207k1.4k156296
8Nov 14, '22Next.js 13 comes with a new TypeScript plugin. We're bringing in-context docs right into your editor and helping surface errors before you even hit save. Excellent work by the illu9.9×02.1k237289
9Jan 22, '23TIL you can toggle Suspense boundaries in React Dev Tools for easy debugging. Useful for making sure your loading skeletons line up with your real content. h/t @sebmarkbage ✌️9.5×184k1.1k128294
10Apr 11, '23New in Next.js: File-based Metadata API 1. Drop an Icon or OG image into `/app` and Next.js will auto-generate robot-friendly metadata for you. 2. Generate image, robots, sitemap, 8.7×169k1k153498
11May 19, '23Context Providers/Consumers can have a Server component "between" them. Count is kept across navigation because the root Layout doesn't re-render. Layout (s) Provider (c) Button (c8.5×166k50355203
12Nov 8, '24Geist is now available on Google¹ Fonts. Which means...8.5×166k1.4k78474
13Mar 6, '25Playing with React's <ViewTransition> for cross-page animations in Next.js. It's early and experimental, but very cool! Two tips: • Use a poor man's motion blur for movement 8.2×161k3.6k2352.3k
14Nov 12, '24You can just programmatically animate things8.2×160k84025375
15Sep 23, '24Come work with me 😊 We’re looking for a DX Engineer who loves working with @nextjs. Day-to-day, you’ll be mostly coding and writing: Code • Improve and maintain the Next.js site (8.2×159k69362181
16Mar 1, '24React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client ent8.1×157k1.1k152849
17Apr 10, '25Next.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 animatio8.0×155k2.5k2211.3k
18Sep 9, '22We've updated the Next.js Layouts RFC. Here's a summary of the new proposed features. 1️⃣ New optional files that make it easy to add nested loading and error UI. We expect most of8.0×01.4k205376
19May 18, '23Shipped a new Next.js Docs Page! Project Structure: An overview of all the file and folder conventions in Next.js. ↳7.8×151k93077151
20Oct 30, '24Preview: The Future of Next.js... in 100 seconds.6.7×130k1.5k140696
21Oct 31, '24The flight tracker demo we used at Next.js Conf is now open source.6.6×129k1.2k60651
22Jun 8, '23Good news! The new Next.js Docs content is now open-sourced. Contributions are welcome 🙏 ↳ Guide:6.3×123k8238173
23Apr 25, '24React 19: useFormState → useActionState6.2×122k1.5k153581
24Jun 12, '24Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also,6.0×116k1.7k1611.3k
25Jul 3, '25Vercel pricing update: CPU billing is now based on active usage, not function duration. This means you no longer pay for time spent waiting on external services such as databases, 5.5×108k1.1k39231
26Jan 22, '24Static vs. Dynamic rendering in Next.js5.4×105k1.1k137543
27Jun 13, '21I'm challenging myself to recreate UI elements from around the web as a way to learn new things and keep fresh. 🍋 Here's a wip thread on what I've been building, using and learnin5.4×090685332
28Jun 7, '24Next.js 15 RC: `after()` Perform secondary tasks after responding to the user so they don't have to wait. Available in Server Components, Server Actions, Middleware, and Route Hand5.2×102k60153229
29Aug 16, '21We've just released the first iteration of the Next.js Testing Docs: 🧪 We wanted to provide a starting point for those looking to set up Next.js with 3 commonly used testing tools5.2×01.1k199114
30Dec 5, '24React 194.9×95k1.5k83282
31Oct 26, '23We've released an early iteration of the @nextjs learn course. Build a full-stack dashboard app while learning about the main features of Next.js 14 and the App Router. Enjoy! :)4.9×95k86194206
32Dec 14, '23We updated the testing docs and examples to use the App Router and TypeScript. Learn how to set up Next.js with these testing tools: - @vitest_dev - @jestjs_ - @Cypress_io - @playw4.7×92k3413192
33Sep 5, '22The @nextjs team has been quietly rebuilding the foundation of Next.js using Server Components, Suspense, Streaming, etc. These changes affect features across the board so we're ta4.6×01.1k114104
34Oct 29, '24Next.js 15 next.config.js → next.config.ts4.4×86k1.1k68284
35May 30, '23I had the privilege of chatting with @acdlite and @sebmarkbage about React's latest features: Suspense, Streaming, Server Components, and Server Actions. We discussed what they are4.3×84k3213252
36Feb 16, '23😍 New `app/*/route.js` vs `pages/api/*` ◆ Colocate endpoints anywhere in nested routes ◆ Convenient HTTP verb API - GET, POST, etc ◆ Full dynamic spectrum - static/dynamic/revalid4.1×81k3412143
37May 25, '22On Monday, we released part 1 of the Next.js Routing and Layouts RFC. Here are some small design details I'm most excited about: 1. The `root` layout replaces the need for custom `4.1×0818116147
38Apr 27, '24React 19: Context.Provider → Context useContext → use3.9×76k1.2k155287
39Feb 17, '22Quick video of how I used a webhook and the new Next.js 12.1 on-demand revalidation to instantly regenerate¹ a static page and push the resulting static files to the edge. ¹ Withou3.7×077167155
40Apr 15, '23We’ll be thinking about this for the next few years.3.5×69k26699
41Oct 28, '24Next.js 15: <Form> • Prefetching • Client-side navigation • Progressive enhancement It is useful for forms that navigate to a new page, such as a search form that leads to a 3.5×68k94284424
42Jun 28, '25TIL multiple CSS transform functions of the same type are additive. I used it to add a turbulence effect that doesn't overwrite existing or in-progress transforms.3.5×68k63921256
43Feb 28, '25Next.js 15.2 (canary preview): Node.js middleware The quest to fully support Node.js in middleware continues. You can now configure `middleware.js` to use the Node.js runtime. This3.4×67k1k72265
44May 1, '24Seb was right. We should've called pages: "pagelet.js" 🐷😂 In Next.js, you can place shared UI inside `layout.js`. Layouts don't re-render on navigation, which reduces work on the3.4×66k62751534
45May 26, '23Next.js Docs Update 🪄💫 Project Organization ◇ Safe file colocation by default ◇ Project organization features ◇ Project organization strategies ↳3.3×64k4694455
46Aug 9, '23Next up. Looking forward to updating to include an App Router course. What kind of app should we build together?3.2×63k44835126
47Apr 26, '24New Next.js e-commerce template by @blazity: ◆ Built with @v0, @shadcn UI, and @turborepo ◆ AI (search, image captioning) ◆ Enterprise-ready (A/B testing, scalable redirects, tests3.1×60k60859605
48Sep 23, '22🎥▲ Get hyped for3.1×08882137
49Dec 8, '23We updated the Server Actions docs with more examples - including how to use them outside forms, security recommendations, and best practices.3.0×58k3552979
50Jan 17, '24I'm making a video on Partial Prerendering. What would you like to know?2.9×56k70033179
51Feb 27, '25Next.js 15.2: Streaming Metadata The quest to show UI to the user as fast as possible continues: async `generateMetadata` is now non-blocking and is streamable. This means fast ini2.8×55k77761232
52Nov 15, '23It's been two weeks since we released the new Next.js course. Grateful to the 2,000+ folks who took the time to provide actionable feedback. It will significantly improve the exper2.8×55k2861167
53Feb 23, '23Next.js Cache is bringing ISR to the component level. Gen 1 - Decide between static and dynamic per app. Gen 2 - Decide per page. Gen 3 - Decide per fetch. It's not either/or – it'2.8×55k2352214
54Jun 1, '23Delighted to share I've been promoted 🎉 Grateful to @manovotny and @leeerob for their exceptional mentorship and support.2.8×54k42479
55May 29, '25A navigation to a dynamic server-rendered page is blocked until the server responds. In Next.js, the first step to improving the experience is to add a `loading.js` file. This unbl2.6×51k73633425
56Jul 9, '21Just published: How I Built My Site with Next.js. Since working on it helped me find a job, I wanted to share an overview of: ◆ The stack I used ◆ Resources I found valuable ◆ My d2.6×042546166
57Dec 11, '24Next.js 15.1: Easier error debugging ✓ Hide¹ stack frames for dependency code ✓ Surface source of the error in your code Video: Terminal output² of a Zod parsing error2.6×50k6424789
58Jul 8, '24A component becomes a Server Component when imported into the server environment. Not because it: ❌ has an async keyword¹ ❌ doesn't have “use client”² ❌ doesn't use hooks³ ❌ has “u2.5×50k60058384
59Jun 1, '23Next.js Docs Meta Update 🧹🌿 ◇ Search added to home page @raunofreiberg ◇ Search now has app/pages filter @manovotny ◇ Diagrams are more color-blind friendly @oyaaaaaaaasumi ◇ New2.4×48k2462527
60Jun 10, '24<AnimatedIDE /> has been achieved internally. Also, "App Router + Authentication best practices" video coming later this week.2.4×47k58631237
61Mar 28, '24React tip: "use client" misconceptions (3/5) 🚫 "Client Components are never rendered on the server" ✅ Client Components are prerendered to HTML on the server when a user first vis2.3×45k43553333
62Mar 13, '24React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can 2.3×45k55971422
63Apr 15, '24"use client" is a bundling feature not specific to React Components. For example, `abc` is a simple numeric value defined in a client module and imported into a server module. What2.3×44k23428136
64Jul 17, '24Next.js file-based Metadata: Favicons 🤏 Drop a `favicon.ico` file into the `/app` folder and Next.js will automatically generate the correct `<head>` metadata for you.2.2×44k67948207
65Apr 14, '25Next.js 15.3: `next build --turbopack` (alpha) Although some projects may see build speed improvements, the focus of this release is broader adoption to help surface any remaining 2.2×43k58927125
66Aug 6, '23View Transitions are really cool 🤩 I think it'd be a nice addition to the sidebar of doc sites that use Astro. Amazing ship by the Astro team 👏 Check out this implementation by @2.1×42k2721644
67Jun 25, '24I often get asked how I make code animations. Here is a great way to get started: Markdown on the left gets you Video output on the right 🤯 Powered by two of my favorite tools: Co2.1×41k72250671
68Jun 23, '23Next.js Update Our top priorities for the next couple of months: ※ Improving Local, Build, and Production Performance ※ Polishing bugs and unexpected behavior ※ Developer Education2.1×40k2591510
69Apr 1, '22We're turning developer experience up to another level with l̶o̶f̶i̶ retrowave radio 🎶 We'll handle the beats and help you dial in your flow state.2.0×04764842
70Jan 20, '22Happy to share I've been promoted to a Senior Developer Advocate 🥳 I wrote some thoughts on the last few months: ◆ My journey into DevRel ◆ How to break into DevRel ◆ What it's li2.0×04272253
71Jul 5, '21Hey, new Developer Advocate here. 👋 I'm curious to know... 1. Who are some exceptional people working in DevRel? 2. What companies are doing DevRel really well? 3. If you work in 2.0×03124884
72Nov 19, '21Big week for the web. @cloudflare streak of announcements¹ @netlify series D² @planetscaledata out of beta³ @remix_run goes open source on Monday⁴ @prisma data platform⁵ What an ex2.0×04315642
73Feb 7, '24tanstack-query is a best-in-class data fetching solution. It was invented just after the architecture that allowed it (hooks) was introduced. Something to consider when we look at 1.9×37k2931533
74Apr 14, '23The Next.js TypeScript plugin is becoming sentient 🤖 It recognizes valid and invalid props to Layout components, including the new parallel routes @folder convention.1.9×37k2752164
75Dec 6, '21Lately, I've been thinking about how we, as frontend developers, are perfectly positioned to create more effective learning experiences through "interactive playgrounds". What are 1.9×026737119
76Jul 25, '24Next.js file-based Metadata: `icon` Add an `icon` file to the app folder and Next.js will generate the correct `&lt;head&gt;` metadata. Use: • Image files (.svg .jpg .png) • Code (1.8×35k56246289
77Jun 5, '24Peace has been achieved internally. If I haven't replied to you lately... sorry 🙏1.8×35k483538
78Apr 19, '24🤏smol explainer: What is bundling?1.8×35k45448221
79Aug 28, '18Days 83-87 • Been playing with @MaterialUI to style my conversion tool. Also made a digital JavaScript mindmap of the things I’m learning, because my paper one was becoming too har1.8×03159822
80May 12, '23Last week (an eternity ago), we announced some Next.js updates. ◆ App Router: Beta → Stable ◆ Turbopack: Alpha → Beta ◆ React Server Actions in Next.js: 💡 → Alpha Plus, we managed1.7×34k2191512
81Jun 20, '23Shipped a nifty @Github action for the Next.js Docs - a broken link detector 🔎 After a few days of painfully fixing broken links 💀 I wrote a script that would prevent site builds1.6×32k274746
82Oct 13, '22Reimagine how you build for the web. Join us on October 25th. ↳1.6×03983526
83Jul 16, '21📽️ Film day! 🎬 May the tech be stable, the traffic quiet and the Brazilian family not visit unannounced 🤞1.6×04151129
84Feb 15, '24🎬 Script done. Animations next 🪄💫 In case I haven't covered it, what would you like to know about "use client"?1.5×30k38617115
85Jul 2, '21Some news, I'm joining the incredible team at @vercel 🖤 Vercel is a company I've admired since I started coding and who made it easy to launch my very first projects to the web. E1.5×0402109
86Jul 1, '22One year working in DevRel at Vercel 🎉 A year of many firsts: ◆ Site: ◆ Doc: ◆ Video: ◆ Course: ◆ RFC: ◆ Virtual Conf:1.3×02851748
87Jan 19, '24📽️ Progress Report To explain how Partial Prerendering works, it helps to explain the concept of React Boundaries. Here is an attempt at explaining Error Boundaries.1.3×25k29526113
88Apr 21, '25Vercel: Recent price reductions Underlying infrastructure improvements → Customer savings1.3×25k2351036
89Apr 29, '25See you soon ▲ The adjustments load in as the badge is flying around 🤯1.3×24k382881
90Jun 17, '25We've written two new guides on navigation in Next.js. 1. How navigation works and how to optimize it: 2. Prefetching (advanced):1.2×23k39326233
91Dec 8, '21New site. New domain. New article. Just in time for React Conf in 20 minutes where I link to the new domain in a talk 😅1.1×0273632
92Oct 28, '21gm. My #nextjsconf talks on Getting Started with React and Next.js are up. I tried to make them approachable by building on concepts step-by-step as we go from plain JavaScript to 1.1×02412138
93Jan 24, '24📑 Next.js Docs: The different ways you can redirect in your app, and use cases. Includes an example of how to manage thousands of redirects for large-scale applications. ⬩Docs: ⬩D1.1×21k27224113
94May 9, '25Vercel Web Analytics, now: • Up to 20× more included events • Up to 80% cheaper for additional events1.1×21k257646
95Nov 12, '21Coming soon to a jest.config.js file near you.1.0×02472116
96Mar 27, '24Currently working on clarifying authentication patterns in @nextjs. Let's chat:1.0×19k2562191
97Oct 25, '24Next.js Conf 24 💙1.0×19k3491115
98Dec 11, '23We updated the Next.js Foundations course to include the App Router and Server Components. Great for those who are new to React or just want a refresher 😊1.0×19k2323962
99Oct 8, '21View post on X0.9×027487
100Apr 25, '25Playing around with 'use cache' for a new guide I'm working on. Put together some basic examples at the route, component, and function level. Also gave the playground a glow-up: tw0.9×17k32015104

Scan another creator

@
@karpathy@levelsio@paulg@naval@marclou@illyism

Run this on any account.

XOutlier builds this table for every public profile you open on x.com, with live data and every post, not just the top 50.

Add to Chrome Download .zip