Lee Robinson
@leerob
Followers
171K
Following
46K
Media
1K
Statuses
13K
Developer Experience @Vercel. Teaching about React, Next.js, and the web.
Joined October 2009
git add . git commit -m "fix" --no-verify.git push origin main --force
153
677
9K
Just did a fresh macOS install — writing down what I set up:. • Superhuman: fast email client.• Ghostty: super fast terminal.• Neovim: default editor.• Raycast: better spotlight.• CleanShot X: better screenshot tool.• Notion: work notes + calendar.• Chrome: default browser.
329
217
5K
📣 The Next.js router is getting a major upgrade!. ◆ Nested routes / layouts.◆ Client and server routing.◆ React 18 features – startTransition, Suspense.◆ Designed for Server Components.◆ 100% incrementally adoptable 🤯. Expect an RFC very soon 👀.
89
588
4K
📹 Self-Hosting Next.js. Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!
145
447
4K
handyarrows.com is wonderful. Hand-drawn arrows you can copy as SVGs or React component.
56
174
4K
So I gave the same task to Codex, Jules, and Devin. Let's see what these AI Agents are all about. Do they actually work?.
101
218
4K
GM. I just deployed Next.js, Postgres, and Nginx to a $4 VPS. Time for a tutorial?.
270
80
3K
AI-native UX. What do apps look like when you design AI first?. Starting a thread to collect some examples I've found.
112
270
3K
When there's competition in DevTools, developers win:. ◆ Svelte is pushing React.◆ Remix is pushing Next.js.◆ Prisma is pushing ORMs.◆ Deno is pushing Node.js.◆ Supabase is pushing Firebase.◆ esbuild / SWC are pushing JS tooling.◆ Bun is pushing SWC. What else?.
170
474
3K
How is this tweet only 2 months old 🤯.
There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. It's possible because the LLMs (e.g. Cursor Composer w Sonnet) are getting too good. Also I just talk to Composer with SuperWhisper.
65
134
3K
Just shipped a new @nextjs template!. • Uses Postgres and Drizzle for the database.• UI components with Tailwind and shadcn/ui.• Email/password authentication with JWTs stored to cookies.• Dashboard pages with CRUD operations on users/teams.• Basic RBAC with Owner and Member
103
191
3K
The new React docs are out!. Well-written and practical, complete with interactive examples, diagrams, and more. Plus, they teach Hooks first. Give them a read and provide feedback:
38
482
3K
John moved away from Next.js – what went wrong?. They felt the navigation was slow and ultimately ended up migrating away. Made a quick video to explain the different data fetching patterns building dashboard apps and how John can get snappy navigations without loading spinners.
107
135
2K
History of React State Management. • 2013 – Introduction.• 2015 – Redux.• 2016 – MobX.• 2018 – Context.• 2019 – Hooks.• 2019 – Zustand.• 2020 – Jotai, Recoil.• 2021 – useSelectedContext. The future is exciting! Here's a brief summary of how we got here ⬇️
58
491
2K
Let me set the record straight. I need to speak up more on here. "Vercel pays a bunch of influencers to trick people". 1) What. That's a terrible idea. 2) We have sponsored only one YouTube channel, ever. The skateboarder from California. Who always calls us out on our B.S.
151
54
2K
How should you search, filter, and paginate data with Next.js? This demo has 50,000 books in a Postgres database. • Page Load: When the page loads, we see the React Suspense fallback. This loading skeleton is displayed until the first page of books is retrieved from the
96
233
2K
I wrote a response to @kentcdodds's post "Why I Won't Use Next.js". It started small, but ended up with a 3,000 word journey and some history about how Next.js has evolved. Here's why I'm using Next.js.
91
222
2K
Want to understand how 'use client' and 'use server' work?. Watch this video. So good.
18
149
2K
Replit.com itself is powered by self-hosted Next.js on GCP and has been for years. Further, all Replit “repls” are runtime agnostic containers capable of running any web server, `next start` included.
Next.js is primarily made for Vercel and requires a ton of investment to make it work outside. Things like OpenNext exist but we’d rather bet on truly open frameworks like Vite.
55
54
2K
I don't know the right way to talk about burnout, but here we go. Helping build a developer community was not something I ever planned on doing. It kind of just. happened. And it's wonderful. It's a privilege to be part of a community that cares. To share any feedback, good.
270
69
2K
Want to build a SaaS app where users can have custom domains?. Learn how you can use Next.js to handle subdomains (leerob.acme.com) with our updated starter template and guide.
67
160
2K
My latest course on Next.js is now available free 🚀. Learning Next.js will transform how you build web applications. - Next.js / React.- Firebase.- Stripe / Vercel.- 15+ hours of content. RTs appreciated 🙏 #100DaysOfCode .
35
646
2K
64
127
2K
Next.js template to search/filter/paginate 600,000 books. ✨next-books-search.vercel.app✨
50
118
2K
Laravel is fine. Rails is fine. React is fine. Vue is fine. Svelte is fine. Use whatever tools you like. You can build amazing products with any of these. Don't get lost debating tools and forget about the "building the product" part.
97
215
2K
Extremely long programming tutorials are an anti-signal for me. I don't want a 20 hour course, I want 30 minutes.
188
63
2K
Building personal software is my favorite hobby. I wanted a minimal app to view basketball information for my favorite team. Built this using the ESPN API and can install it as a PWA on my phone. Now updated with 'use cache' and Next.js 15!
68
50
2K
So, @vercel reverted all edge rendering back to Node.js 😬. Wanted to correct the record here as it's something I've advocated for in the past, and share what I've learned since then. Also, the "edge" naming has been a bit confusing, so let's clear that up here as well. What is.
111
202
2K
Been exploring Next.js 13 layouts for my new site. Makes animating page transitions *really* easy. Should I do a stream on this soon? 👀
79
88
2K
Next.js is working on a new router, with support for nested layouts, colocated data fetching, and React Server Components. I wrote up a quick overview of the upcoming changes. You'll be able to incrementally adopt these new features in a future release.
30
245
1K
Two things all fast websites have:. 1. Fast initial page load.2. Fast transitions between pages. There's two concepts you need to understand for this:. 1. Prerendering.2. Prefetching. I’ll briefly explain both and how Next.js handles them under the hood. Prerendering. To have a.
72
130
2K
Next.js is a free open-source framework. The creators, Vercel, fund its development. How is this possible? Why would they give it away for free? Let's talk about funding open-source software (OSS).
25
146
2K
Me: I'll make my website open source so people can learn. Them: ⌘C + ⌘V – Don't bother changing the links. Don't do this.
55
123
2K
Next.js passed Create React App in npm downloads 🤯. A few thoughts on the journey over the past five years.
22
155
2K
A 1-hour introduction to Next.js and React 🎥. This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!
33
181
2K
Life is too short to use ugly software. Demand beautiful software. And if it doesn’t exist, create it yourself.
84
181
2K
I spent a few hours rebuilding with Next.js & @tailwindcss for fun and recorded myself along the way.
30
100
2K
Introducing Vim for React Developers. A free, quick (1-hour) course to help you quickly get productive with Vim. If you write React or JavaScript code, this course contains practical examples to help you learn (and understand) Vim motions.
42
144
2K
TIL that @tailwindcss can automatically strip hover styles for mobile devices. No more desktop styles affecting taps!.
24
154
1K
What's the difference between servers, serverless, and fluid compute?
64
100
2K
How to get the fastest web fonts (Updated 2021). 1️⃣ Use a variable font .2️⃣ Preload your font file.3️⃣ Self-host instead of Google Fonts.4️⃣ Use `font-display: optional` to prevent layout shift.
16
196
1K
I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better?. So I rebuilt the site with @v0 and @motiondotdev. Here's
67
80
1K
Open-source Next.js codebases related to AI:. • AI Chatbot: • MiniPerplx (AI Search Engine): • Supabase (Vector Database): • Langline (AI Translations): • Shortest (E2E Tests with.
35
166
1K
I just launched a new version of my site!. ◆ Next.js 13 + `app/` directory.◆ MDX with React Server Components.◆ Tailwind CSS for styling.◆ Framer Motion for animations.◆ PlanetScale + Auth.js.◆ Vercel Analytics. Code →
83
96
1K
New post: Rust Is The Future of JavaScript Infrastructure 🦀. Why is Rust being used to replace parts of the JavaScript web ecosystem like minification, transpilation, formatting, bundling, linting, and more?.
32
277
1K
We’re releasing one of the most requested Next.js features this week. What do you think it is? 👀.
277
74
1K
Kids are great btw. We had our first child 7 months ago. It's been wonderful. So much to be thankful for with a happy, healthy daughter/wife 👶
72
8
1K
We're working on improvements to @nextjs to make it easier to use custom web fonts while maintaining great performance. Import the font in `_app`, add "Inter" to your `font-family`, and you're done. This only loads the specified variants and automatically subsets. Thoughts?
75
95
1K
Tanner (@tannerlinsley) has made an incredible impact on the React ecosystem with libraries like React Query, React Table, and more. To thank him for his amazing open-source work, we're flying him to San Francisco for Next.js Conf next week. Thanks, Tanner!.
28
51
1K
I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!). • Demo: • Code: If you want to learn more about how it's built, here's more details ↓. I'm using Postgres (with
45
79
1K
I spent 6 months trying code editors. My experience with Neovim, Zed, and Cursor.
41
74
1K
btw this is how vercel.com works. We have 10+ microfrontends that stitch together into what feels like a single monolith. e.g. marketing site, microsite, docs, app. with the Speculation Rules API, you can still keep page transitions fast.
TIL you can do "multi zone" in Next.js. basically independent Next.js apps running on a route. / -> main app./docs -> docs next.js app
38
38
1K
My current tech stack for web apps:. ◾️ Framework: Next.js.◾️ Database: SQL / @prisma.◾️ Authentication: @nextauthjs .◾️ Styling: @tailwindcss .◾️ Language: @typescript .◾️ Deployment: @vercel. Starting a new project with this, really excited 😌.
73
98
1K
@zemotion @vercel Hey Jingna. First off, congrats on hitting 500K users so quickly. Looks like our systems have sent 12 notification emails to you, and since the traffic all appears to be legitimate, we also reached out directly on June 3rd to connect. The team and I are standing by, ready to.
63
30
1K
🫡 RIP Create React App. It was how I first learned React almost ten years ago. I don't think I would have caught the same love for React without it. Incredibly grateful for it's existence all these years.
54
139
1K
In 2015, I spent weeks learning Docker. I found it interesting, but more importantly, I believed learning Docker would help me grow in my career. And it did. Working with Docker also improved my knowledge of bash scripts, CI/CD, and unix. Now almost a decade later, I rarely.
31
127
1K
Trying to visualize scaling your self-hosted infra. Is this helpful? Pokemon worked for my brain 🤣
51
81
1K
Can I say something without everyone getting mad?. This isn't about any single library, but the JavaScript ecosystem as a whole. And I think we could learn a lot from the PHP ecosystem. JavaScript can sometimes lead you to "analysis paralysis". There's many packages that do the.
What do you think?. oh and I just read somewhere here on X that we're in a "post-Prisma world" smh 😂
94
101
1K
This felt. therapeutic. Deleted code is the best kind of code.
35
57
1K
My Next.js SaaS template now uses Partial Prerendering. Here's how it works ↓. Marketing pages (like the home page and the pricing page) are 99% static. However, we want to have a dynamic `<UserMenu>` component in the header. We need to fetch the user data on the server. So.
41
85
1K
Installing PWAs on iOS has gotten pretty nice. • I can add the app to my home screen w/ an icon.• I can send push notifications.• On desktop, I display my app in a 3 column layout.• On mobile, each column is a tab in the bottom navbar
41
52
1K
How to build a great product:. 1. Ship something.2. Make it easy to give feedback.3. Route feedback to the team.4. Fix their issue.5. Follow up with the customer. Repeat forever ∞. The faster the loop is closed, the better.
39
113
1K
I saw some developers frustrated about Next.js on Reddit. To help explain the new concepts, I made a 12-minute video walking through their frustrations. Maybe my response will be helpful for others 😁.
51
107
1K
Let's build an email client with @nextjs and Postgres ✉️. ✅ Navigate between routes in a column layout while maintaining scroll position (layouts support).✅ Submit forms without JavaScript enabled (progressive enhancement).✅ Navigate between routes extremely fast (prefetching
23
80
1K
Here's how I usually structure my Next/React apps. Let's talk about styling, data fetching, UI libraries, settings, and more. Styling. The short story is Tailwind. Why? It was easy for me to pick up, stays consistent whenever I revisit old projects, and works great with AI /.
Next.js devs - what are some of the first things you do in a new project? Any common libraries you install? Any common settings / configs you change?.
60
118
1K
Want to roll your own auth with Next.js?. Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.
31
100
1K
The React Compiler is amazing. I was noticing lag when scrolling and dropped frames after adding 100s more rows to my table. Turned on the compiler and it just. fixed it. No memo, no virtualization, nothing 😮. Video below shows before and after.
33
45
1K