NateDev
@natedevjs
FRONTEND WEB DEVELOPER | CREATOR | CODE ADVENTURER A diary of a SELF-TAUGHT DEV.... React.js | Frontend | Next.js | UI/UX | Firebase | CSS frameworks
"When we leave ego, we're left with reality. It also means humility. But rock hard humility is confidence" -From the book ego is the enemy.
Didn't know Astro has built-in API endpoint features ( kindof like the one in next.js ) and Authentication features both with external Auth tools like BetterAuth, Clerk and Lucia and local implementation using Astro cookies.🙄 Really impressed🙌
The worst thing about working with frameworks that aren’t very popular is that they get updated A LOT. The GitHub repo you found, the video you watched, the README you read? they’re probably all outdated.
It interacts with your code too😁 It shows different emotions based on your code state( warnings, errors, perfect code )😂 I mean...
Bragging rights to Astro for the creativity 😁🙌 This is an extension called Houston from Astro team. It's cool tbh. Let's just hope it doesn't affect the performance of the IDE that much🙄
#NEXTJSMASTERY Day 10/15 Post 3 Server Actions Server Actions are server-side functions that are callable from client components. Works without JS enabled. Progressive enhancement built-in. #NextJS #ServerActions #Forms
#NEXTJSMASTERY Day 10/15 Post 2 Data fetching in Client Components Client components fetch data like traditional React as shown in the image attached. Or use libraries like SWR or TanStack Query for better caching. #NextJS #ClientDataFetching
#NEXTJSMASTERY Day 10/15 Post 1 Data fetching in Server Components In server components, use async/await directly to fetch data as described in the image attached. No hooks needed. The async function IS the component. Loading/error states handled by loading.tsx and error.tsx.
Day 9/15 Post 3 Mixing Server & Client You can combine server and client components. Server components can render client components as children. you then get best of both worlds. Keep interactivity on the client components, data fetching on the server. #NextJS #Architecture
#NEXTJSMASTERY Day 9/15 Post 2 When to use client components Use "use client" for: Hooks (useState, useEffect) Event handlers ( like onClick, onChange ... ) Browser APIs ( window, localStorage ) Interactivity Server = data Client = interaction #NextJS #React
Day 9/15 Post 1 Server Components Server components run ONLY on the server. They never ship to the client. Benefits: Direct database access Secure API keys Smaller bundle size Better SEO Faster for slow devices Next.js uses server components by default. #NEXTJSMASTERY
#NEXTJSMASTERY DAY 8/15 Post 3 Suspense SSR = stream HTML + smart hydration 🔥 <Suspense fallback={<Loading />}> <SlowComponent /> </Suspense> ✅ Progressive rendering ✅ Selective hydration ✅ Better UX #NextJS #React
#NEXTJSMASTERY DAY 8/15 Post 2 Server-Side Rendering (SSR): Server renders HTML before sending ✅ Better SEO ✅ Faster initial load ✅ Works everywhere But: fetch all → show all → hydrate all Next.js improves this with Suspense. #NextJS
#NEXTJSMASTERY DAY 8/15 Post 1 Client-Side Rendering (CSR): Server sends empty HTML + huge JS Browser renders everything ❌ Bad SEO ❌ Slow load ❌ Heavy bundle Next.js has better solutions. #NextJS #WebDev
In this age of tech, speed matters more than anything: Both learning and execution speed
#NEXTJSMASTERY DAY 7/15 Post 3 Headers & Cookies Access headers and cookies in route handlers as described in the image attached: Full control over request/response. #NextJS #Cookies #Headers
#NEXTJSMASTERY DAY 7/15 Post 2 Dynamic Route HandlersDynamic API routes work like page routes. I've described how in the image attached. CRUD operations = easy. #NextJS #CRUD
#NEXTJSMASTERY DAY 7 Post 1 Creating API RoutesIn next.js you can create RESTful APIs using the special file route.ts like described in the image attached: No separate server needed. API routes live with your frontend. #NextJS #API #Fullstack
United States Trends
- 1. Daboll 35.9K posts
- 2. Pond 237K posts
- 3. Schoen 18.4K posts
- 4. Schoen 18.4K posts
- 5. Veterans Day 21.2K posts
- 6. Joe Burrow 5,585 posts
- 7. Giants 71.4K posts
- 8. Go Birds 11.4K posts
- 9. Dart 23.2K posts
- 10. Kim Davis 12.6K posts
- 11. #ROBOGIVE 1,056 posts
- 12. Marines 60.5K posts
- 13. Joe Dirt N/A
- 14. Zendaya 7,913 posts
- 15. Johnny Carson N/A
- 16. Jeffries 40.2K posts
- 17. #jimromeonx N/A
- 18. Hanoi Jane N/A
- 19. Semper Fi 11.6K posts
- 20. Kafka 9,501 posts
Something went wrong.
Something went wrong.