Subscribe
Sign in
Netlify
p/netlifyThe composable platform for modern sites, stores, and apps.
Start new thread
Melanie Crissey

Next.js Runtime by Netlify - The better runtime for Next.js

by
Only on Netlify's Next.js Runtime, new Next.js Advanced Middleware gives developers control to rewrite responses and transform content at the edge. Achieve personalization with less effort and better performance. Available today on all Netlify plans.

Add a comment

Replies

Best
Cassidy Williams
Super exciting to see this! Does Netlify have any templates using the new middleware?
Melanie Crissey
Maker
@cassidoo Great question! Salma built a fun demo site that would be an easy starter template for someone looking to get started with the new middleware. You can check it out here: https://nextjs-advanced-middlewa... I expect we'll see even more templates built out in the future, too!
Jason Lengstorf
@cassidoo I just wrote a post that has a demo of doing content replacement in a few places as well. Repo is here: https://github.com/jlengstorf/up... Article is here: https://www.netlify.com/blog/fix... I'm also working on another demo that updates a map based on request location — no post yet, but you can see it in action here: https://mapbox-show-user-locatio... (code: https://github.com/jlengstorf/ma...)
Melanie Crissey
Maker
👋 Hello Product Hunt friends and Next.js developers! Netlify has released a new runtime that extends what’s possible with the Next.js framework. With the Next.js Runtime by Netlify, you now have complete control to transform content at the edge without requiring server-side rendering or heavy client-side JavaScript. Here’s how it works: ⚒️ Zero-config support for Next.js: When you’re ready to deploy a Next.js project on Netlify, the Netlify platform automatically detects the Next.js framework and configures everything so the core features of Next.js just work with zero configuration. ⚡ Next.js Advanced Middleware: As you’re developing, you can use the `@netlify/next` package to enable Next.js Advanced Middleware. This gives you full access to the response body for HTML rewrites and page data transforms. 💬 Unique workflow for QA and feedback: When you open a pull request, Netlify generates a deploy preview you can use both for QA and to gather feedback from your team. When stakeholders leave on-page feedback their comments sync directly to the place where your team works, like GitHub, GitLab, JIRA, Trello, or Linear. This even works for content generated by ISR and SSR! Here are some links to learn more: - A better runtime for Next.js: https://www.netlify.com/blog/nextjs-advanced-middleware-better-runtime-that-extends-nextjs/ - Next.js on Netlify Docs: https://docs.netlify.com/integrations/frameworks/next-js/overview/ - Starter templates and resources: https://www.netlify.com/with/nextjs/ To sum it up: Netlify's new Next.js Runtime and Next.js Advanced Middleware give developers the power to achieve personalization use cases like localization or custom authentication in a way that requires less developer effort and delivers superior performance for end-users. This is only the first release for Netlify's Next.js Runtime. Expect more to come in the future! We’re so excited to share this moment with the Product Hunt community and would love to hear from you. What questions do you have? Could you imagine using Next.js Advanced Middleware for an upcoming project? What new features would you like to see from Netlify? Thank you for checking this out and joining the conversation!
Brad Johnson
Wow, congratulations on a successful launch @melaniecrissey and kudos to the @netlify team for making it way more convenient to use Next.js on Netlify!
Basharath
Great to see this. NextJS will be more performant now on Netlify. Congrats on the launch to all the makers here 🚀🎉
Kristy Marcinova
Top Product
Maker
So pumped being part of this launch! Can't wait to see what will folks build with the additional functionality Netlify runtime gives ✨
Jeffery Newton
Thanks for the Twitter Spaces discussion on the details Next.js Advanced Middleware. Hearing from the developers was a huge bonus! Thanks! https://twitter.com/i/spaces/1lP...
JeFawk
Netlify is just amazing rly, I've been using it for my small projects for so long, I love what they do and how they do it.