Subscribe
Sign in
Next.js Runtime by Netlify — The better runtime for Next.js
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.
10
Replies
👋 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!
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!
Super exciting to see this! Does Netlify have any templates using the new middleware?
@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!
@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...)
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...
Intercom