#nextjs15 search results

Soon! 😊 Next.JS 15 boilerplate with Dodo Payments, Supabase SSR, and Tailwind – all completely free! ✍️🚀 Start your project with cutting-edge tools and seamless payment integration. Stay tuned and don’t miss out! 👀✨ #ComingSoon #NextJS15 #DodoPayments #Supabase #Tailwind

Boreas_MN's tweet image. Soon! 😊 Next.JS 15 boilerplate with Dodo Payments, Supabase SSR, and Tailwind – all completely free! ✍️🚀 Start your project with cutting-edge tools and seamless payment integration. Stay tuned and don’t miss out! 👀✨ #ComingSoon #NextJS15 #DodoPayments #Supabase #Tailwind

day 72 - paired Server Actions with useFormStatus() hook in Next.js 15 - the hook exposes a 'pending' Boolean during form submision - perfect for disabling the submit button or showing feedback like "submitting" simple but good UX #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a 'pending' Boolean during form submision

- perfect for disabling the submit button or showing feedback like "submitting"

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a 'pending' Boolean during form submision

- perfect for disabling the submit button or showing feedback like "submitting"

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a 'pending' Boolean during form submision

- perfect for disabling the submit button or showing feedback like "submitting"

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 79 - discovered Next.js enforces a 1MB file upload limit for Server Actions - makes sense - prevents overload/crashes (cos uploads are buffered) - can increase the limit in next.config.js (handy for small/medium size uploads) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 74 - implemented update functionality using Server Actions - created & styled edit form - defined Prisma DB helper func and Server Action to handle actual update #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created & styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created & styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created & styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created & styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 76 - tried delete operation with Server Actions + useOptimistic() hook in Next.js15 - the hook lets the UI update instantly while the async delete request is pending - no waiting for server response #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript

day 75 - delete operation with Server Action in Next.js15 - wrapped delete button in a <form> and hooked it directly to the server action (a neat/clever hack) - used .bind() method to pass id to action clean w minimal boilerplate #80DaysOfNextJS #NextJS15 #React #TypeScrip

coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip

Next.js 15 + React 19 = 🔥 Built Slonix with: → App Router → Server Components → Framer Motion → Spline 3D → TypeScript The performance gains are insane! React 19's new hooks changed everything. #NextJS15 #React19 #WebDev

Chethan31450's tweet image. Next.js 15 + React 19 = 🔥

 Built Slonix with: 
→ App Router 
→ Server Components   
→ Framer Motion 
→ Spline 3D 
→ TypeScript  

The performance gains are insane! React 19&apos;s new hooks changed everything.
  #NextJS15 #React19 #WebDev

day 71 - got hands-on with Server Actions in Next.js 15 - created and styled a simple form to add an animal item to the DB - no messy state management - no manual API routes setup - just a single async function.... #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 77 - learned its best practice to move Server Action functions into their own dedicated file - place 'use server' directive at top of the file and boom - every function in there is treated as a Server Action #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 77

- learned its best practice to move Server Action functions into their own dedicated file

- place &apos;use server&apos; directive at top of the file and boom - every function in there is treated as a Server Action

#80DaysOfNextJS #NextJS15 #React #TypeScript

And here ate the other changes by @nextjs for #nextjs15 #omlondhe

omlondhe2133's tweet image. And here ate the other changes by @nextjs for #nextjs15

#omlondhe

day 78 - experimented with multipart forms (file uploads) using Server Actions in Next.js - refactored my 'createAnimal' Server Action (saves animal item to DB) to now accept image uploads ( feels much more flexible & realistic) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript

「1つのプロンプトで絵本が完成する」って本当?🤔 Next.js 15 + Cloudflare + AI技術を組み合わせた革新的なアプローチで実現! 統合型プロンプト技術により、物語生成と画像生成を同時処理 絵本制作の常識を覆す技術の詳細はこちら #NextJS15 #AI #技術記事 note.com/arafipro/n/nc2…


🚀 Next.js 15 is here! Turbopack boosts builds by 700x Partial Pre-Rendering (PPR) enables dynamic/static rendering on one page React 19 integration enhances app performance. Revamped caching & better error handling make dev smoother than ever! #Nextjs15 #WebDev

rohanBuilds's tweet image. 🚀 Next.js 15 is here!

Turbopack boosts builds by 700x
Partial Pre-Rendering (PPR) enables dynamic/static rendering on one page
React 19 integration enhances app performance. Revamped caching &amp;amp; better error handling make dev smoother than ever!

#Nextjs15 #WebDev

The only stable thing I can see in this article is this @nextjs #nextjs15 #omlondhe

omlondhe2133's tweet image. The only stable thing I can see in this article is this
@nextjs #nextjs15 #omlondhe

gpt-4o is not a lil' b!tch arguing with the users like claude do... and no «female dog» is not an insult for an #ai like for a human! «that statement is incorrect. #nextjs15 has not been officially released yet. the current stable version is next.js 14.1.0 (as of february 2024)»

Luxcium_'s tweet image. gpt-4o is not a lil&apos; b!tch arguing with the users like claude do... and no «female dog» is not an insult for an #ai like for a human!

«that statement is incorrect. #nextjs15 has not been officially released yet. the current stable version is next.js 14.1.0 (as of february 2024)»

Next.js is already slow in development but I don't know what this leads to. #nextjs15

shaikahmadnawaz's tweet image. Next.js is already slow in development but I don&apos;t know what this leads to. #nextjs15

Day 28/100 of #100daysofcode Refactoring from tRPC to server actions complete. #NextJS15 #ServerActions

theorcdev's tweet image. Day 28/100 of #100daysofcode             

Refactoring from tRPC to server actions complete.

#NextJS15 #ServerActions

「1つのプロンプトで絵本が完成する」って本当?🤔 Next.js 15 + Cloudflare + AI技術を組み合わせた革新的なアプローチで実現! 統合型プロンプト技術により、物語生成と画像生成を同時処理 絵本制作の常識を覆す技術の詳細はこちら #NextJS15 #AI #技術記事 note.com/arafipro/n/nc2…


Next.js 15 is live! Faster builds, better TypeScript, smoother navigation & early instrumentation. Upgrade smartly & boost your web app performance! 👉 Explore more: sparkleweb.in/blog/what%E2%8… #NextJS15 #ReactJS #WebDev #Turbopack #TypeScript #SparkleWeb #FrontEndDevelopment

sparklewebdevs's tweet image. Next.js 15 is live!

Faster builds, better TypeScript, smoother navigation &amp;amp; early instrumentation. Upgrade smartly &amp;amp; boost your web app performance!

👉 Explore more: sparkleweb.in/blog/what%E2%8…

#NextJS15 #ReactJS #WebDev #Turbopack #TypeScript #SparkleWeb #FrontEndDevelopment

- rewarded myself with small chicken + ice cream- na the real motivation be that 😎 - super proud of me... I feel limitless! do am if e easy😏 #80DaysOfNextJS #NextJS15 #TypeScript


day 80 - GitHub repo with all the code, concepts, and implementations from my #80DaysOfNextJS challenge👉 github.com/Coding-Robin00… - gave myself a pat on the back - learned a lot & definitely leveled up as a software engineer/dev #80DaysOfNextJS #NextJS15 #TypeScript


- but for large uploads (videos/high resolution images) external solutions like Cloudinary is the way to go cool #80DaysOfNextJS #NextJS15 #React #TypeScript


day 79 - discovered Next.js enforces a 1MB file upload limit for Server Actions - makes sense - prevents overload/crashes (cos uploads are buffered) - can increase the limit in next.config.js (handy for small/medium size uploads) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript

- works great for small/medium file uploads but ran into some 'Error: Body exceeded limit' issues - curious to see how it behaves with much larger uploads hmm🤔 #80DaysOfNextJS #NextJS15 #React #TypeScript


- added validation & error handlin (if no file or file > 3mb -> return error) - upload process -> create upload dir (if missin), convert file obj to buffer, save to /public/uploads and finally generate public URL for Next to serve #80DaysOfNextJS #NextJS15 #React #TypeScript


day 78 - experimented with multipart forms (file uploads) using Server Actions in Next.js - refactored my 'createAnimal' Server Action (saves animal item to DB) to now accept image uploads ( feels much more flexible & realistic) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript

-cleaner, modular, testable call me captain obvious #80DaysOfNextJS #NextJS15 #React #TypeScript


day 77 - learned its best practice to move Server Action functions into their own dedicated file - place 'use server' directive at top of the file and boom - every function in there is treated as a Server Action #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 77

- learned its best practice to move Server Action functions into their own dedicated file

- place &apos;use server&apos; directive at top of the file and boom - every function in there is treated as a Server Action

#80DaysOfNextJS #NextJS15 #React #TypeScript

- implementation also intuitive - just filter the deleted item out of the array - makes the UI extra smooth but in larger datasets it could cause sync issues if you dont revalidate - good UX but feels a bit like an overkill - especially for small apps #80DaysOfNextJS #NextJS15


day 76 - tried delete operation with Server Actions + useOptimistic() hook in Next.js15 - the hook lets the UI update instantly while the async delete request is pending - no waiting for server response #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript

day 75 - delete operation with Server Action in Next.js15 - wrapped delete button in a <form> and hooked it directly to the server action (a neat/clever hack) - used .bind() method to pass id to action clean w minimal boilerplate #80DaysOfNextJS #NextJS15 #React #TypeScrip

coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip

- added server-side validation & error handling with useActionState() hook - errors display directly in the form UI - also learned how to pass additional arguments to a Server Action with .bind() am I Server Action Guru yet? #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. - added server-side validation &amp;amp; error handling with useActionState() hook - errors display directly in the form UI

- also learned how to pass additional arguments to a Server Action with .bind()

am I Server Action Guru yet?  

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 74 - implemented update functionality using Server Actions - created & styled edit form - defined Prisma DB helper func and Server Action to handle actual update #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript

- errors are returned directly from server -> form state -> form UI -- smooth UX - tradeoff: entire form component must be marked 'use client', making it client-rendered - good trade-off? still deciding....🤔 #80DaysOfNextJS #NextJS15 #React #TypeScript


Soon! 😊 Next.JS 15 boilerplate with Dodo Payments, Supabase SSR, and Tailwind – all completely free! ✍️🚀 Start your project with cutting-edge tools and seamless payment integration. Stay tuned and don’t miss out! 👀✨ #ComingSoon #NextJS15 #DodoPayments #Supabase #Tailwind

Boreas_MN's tweet image. Soon! 😊 Next.JS 15 boilerplate with Dodo Payments, Supabase SSR, and Tailwind – all completely free! ✍️🚀 Start your project with cutting-edge tools and seamless payment integration. Stay tuned and don’t miss out! 👀✨ #ComingSoon #NextJS15 #DodoPayments #Supabase #Tailwind

day 72 - paired Server Actions with useFormStatus() hook in Next.js 15 - the hook exposes a 'pending' Boolean during form submision - perfect for disabling the submit button or showing feedback like "submitting" simple but good UX #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript

-just a single async function marked with 'use server' dispatching my prisma DB helper function - flow is like : form -> server action -> DB -> redirect very clean and super convenient #80DaysOfNextJS #NextJS15 #React #TypeScript


No results for "#nextjs15"

day 76 - tried delete operation with Server Actions + useOptimistic() hook in Next.js15 - the hook lets the UI update instantly while the async delete request is pending - no waiting for server response #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 76 

- tried delete operation with Server Actions + useOptimistic() hook in Next.js15

- the hook lets the UI update instantly while the async delete request is pending - no waiting for server response

 #80DaysOfNextJS #NextJS15 #React #TypeScript

day 74 - implemented update functionality using Server Actions - created & styled edit form - defined Prisma DB helper func and Server Action to handle actual update #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 74

- implemented update functionality using Server Actions

- created &amp;amp; styled edit form

- defined Prisma DB helper func and Server Action to handle actual update

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 72 - paired Server Actions with useFormStatus() hook in Next.js 15 - the hook exposes a 'pending' Boolean during form submision - perfect for disabling the submit button or showing feedback like "submitting" simple but good UX #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 72

- paired Server Actions with useFormStatus() hook in Next.js 15

- the hook exposes a &apos;pending&apos; Boolean during form submision

- perfect for disabling the submit button or showing feedback like &quot;submitting&quot;

simple but good UX

#80DaysOfNextJS #NextJS15 #React #TypeScript

Al is Changing, How We Code. The web development world is evolving fast - and 2025 marks a major shift. #WebDev #AlinCoding #NextJS15 #ASPNET9 #ahsanamingorsi

ahsanamingorsi's tweet image. Al is Changing, How We Code.
The web development world is evolving fast - and 2025 marks a major shift.

#WebDev #AlinCoding #NextJS15 #ASPNET9 #ahsanamingorsi

day 79 - discovered Next.js enforces a 1MB file upload limit for Server Actions - makes sense - prevents overload/crashes (cos uploads are buffered) - can increase the limit in next.config.js (handy for small/medium size uploads) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 79

- discovered Next.js enforces a 1MB file upload limit for Server Actions

- makes sense - prevents overload/crashes (cos uploads are buffered)

- can increase the limit in next.config.js (handy for small/medium size uploads) 

#80DaysOfNextJS #NextJS15 #React #TypeScript

- unknown errors still bubbles up to Error.tsx for safety - states ( loading/success/error ) all isolated per component - feels smoother with a more reliable UX cool #80DaysOfNextJS #NextJS15 #React

coding_robin's tweet image. - unknown errors still bubbles up to Error.tsx for safety

- states ( loading/success/error ) all isolated per component

- feels smoother with a more reliable UX

cool

#80DaysOfNextJS #NextJS15 #React
coding_robin's tweet image. - unknown errors still bubbles up to Error.tsx for safety

- states ( loading/success/error ) all isolated per component

- feels smoother with a more reliable UX

cool

#80DaysOfNextJS #NextJS15 #React

day 75 - delete operation with Server Action in Next.js15 - wrapped delete button in a <form> and hooked it directly to the server action (a neat/clever hack) - used .bind() method to pass id to action clean w minimal boilerplate #80DaysOfNextJS #NextJS15 #React #TypeScrip

coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip
coding_robin's tweet image. day 75

-  delete operation with Server Action in Next.js15

- wrapped delete button in a &amp;lt;form&amp;gt; and hooked it directly to the server action  (a neat/clever hack)

- used .bind() method to pass id to action

clean w minimal boilerplate

#80DaysOfNextJS #NextJS15 #React #TypeScrip

- added server-side validation & error handling with useActionState() hook - errors display directly in the form UI - also learned how to pass additional arguments to a Server Action with .bind() am I Server Action Guru yet? #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. - added server-side validation &amp;amp; error handling with useActionState() hook - errors display directly in the form UI

- also learned how to pass additional arguments to a Server Action with .bind()

am I Server Action Guru yet?  

#80DaysOfNextJS #NextJS15 #React #TypeScript

And here ate the other changes by @nextjs for #nextjs15 #omlondhe

omlondhe2133's tweet image. And here ate the other changes by @nextjs for #nextjs15

#omlondhe

day 77 - learned its best practice to move Server Action functions into their own dedicated file - place 'use server' directive at top of the file and boom - every function in there is treated as a Server Action #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 77

- learned its best practice to move Server Action functions into their own dedicated file

- place &apos;use server&apos; directive at top of the file and boom - every function in there is treated as a Server Action

#80DaysOfNextJS #NextJS15 #React #TypeScript

day 69 -took a deeper dive into direct DB communications from server components in Next.js 15 - setup Prisma (ORM) + SQLite (DB) in my app - defined a basic Animal model schema and seeded some initial data #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 69

-took a deeper dive into direct DB communications from server components in Next.js 15

- setup Prisma (ORM) + SQLite (DB) in my app

- defined a basic Animal model schema and seeded some initial data

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 69

-took a deeper dive into direct DB communications from server components in Next.js 15

- setup Prisma (ORM) + SQLite (DB) in my app

- defined a basic Animal model schema and seeded some initial data

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 69

-took a deeper dive into direct DB communications from server components in Next.js 15

- setup Prisma (ORM) + SQLite (DB) in my app

- defined a basic Animal model schema and seeded some initial data

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 69

-took a deeper dive into direct DB communications from server components in Next.js 15

- setup Prisma (ORM) + SQLite (DB) in my app

- defined a basic Animal model schema and seeded some initial data

#80DaysOfNextJS #NextJS15 #React #TypeScript

Next.js 15 + React 19 = 🔥 Built Slonix with: → App Router → Server Components → Framer Motion → Spline 3D → TypeScript The performance gains are insane! React 19's new hooks changed everything. #NextJS15 #React19 #WebDev

Chethan31450's tweet image. Next.js 15 + React 19 = 🔥

 Built Slonix with: 
→ App Router 
→ Server Components   
→ Framer Motion 
→ Spline 3D 
→ TypeScript  

The performance gains are insane! React 19&apos;s new hooks changed everything.
  #NextJS15 #React19 #WebDev

Exciting 🤩 News for #Nextjs #developers Our #nextjs15 update brings new versions, better performance, new charts and tree views, and fixes bugs. Want to Update👉Wrappixel.com #NextjsTemplate #ReactTemplate #WebDevelopment #Frontend #Developer

WrapPixel's tweet image. Exciting 🤩 News for #Nextjs #developers

Our #nextjs15 update brings new versions, better performance, new charts and tree views, and fixes bugs.

Want to Update👉Wrappixel.com

#NextjsTemplate
#ReactTemplate
#WebDevelopment
#Frontend
#Developer

- built some simple helper funcs(queries & mutations) to handle CRUD operations - fetched data straight from the DB and rendered a simple animal list UI very satisfying to see it action! wow! #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. - built some simple helper funcs(queries &amp;amp; mutations) to handle CRUD operations

- fetched data straight from the DB and rendered a simple animal list UI

very satisfying to see it action! wow!

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. - built some simple helper funcs(queries &amp;amp; mutations) to handle CRUD operations

- fetched data straight from the DB and rendered a simple animal list UI

very satisfying to see it action! wow!

#80DaysOfNextJS #NextJS15 #React #TypeScript

🚀 Next.js 15 is here! Turbopack boosts builds by 700x Partial Pre-Rendering (PPR) enables dynamic/static rendering on one page React 19 integration enhances app performance. Revamped caching & better error handling make dev smoother than ever! #Nextjs15 #WebDev

rohanBuilds's tweet image. 🚀 Next.js 15 is here!

Turbopack boosts builds by 700x
Partial Pre-Rendering (PPR) enables dynamic/static rendering on one page
React 19 integration enhances app performance. Revamped caching &amp;amp; better error handling make dev smoother than ever!

#Nextjs15 #WebDev

day 78 - experimented with multipart forms (file uploads) using Server Actions in Next.js - refactored my 'createAnimal' Server Action (saves animal item to DB) to now accept image uploads ( feels much more flexible & realistic) #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 78

- experimented with multipart forms (file uploads) using Server Actions in Next.js

- refactored my &apos;createAnimal&apos; Server Action (saves animal  item to DB) to now accept image uploads ( feels much more flexible &amp;amp; realistic)

#80DaysOfNextJS #NextJS15 #React #TypeScript

Great work 👏 #react19.rc #nextjs15.canary 😎

mwanga_ibrahim's tweet image. Great work 👏 #react19.rc #nextjs15.canary 😎

The only stable thing I can see in this article is this @nextjs #nextjs15 #omlondhe

omlondhe2133's tweet image. The only stable thing I can see in this article is this
@nextjs #nextjs15 #omlondhe

day 71 - got hands-on with Server Actions in Next.js 15 - created and styled a simple form to add an animal item to the DB - no messy state management - no manual API routes setup - just a single async function.... #80DaysOfNextJS #NextJS15 #React #TypeScript

coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript
coding_robin's tweet image. day 71

- got hands-on with Server Actions in Next.js 15

- created and styled a simple form to add an animal item to the DB

- no messy state management

- no manual API routes setup

- just a single async function....

#80DaysOfNextJS #NextJS15 #React #TypeScript

Loading...

Something went wrong.


Something went wrong.


United States Trends