# Next

Published articles for Next.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Apache Pulsar 5.0.0-M1: A Preview of the Next Major Release

DevFeed: [Apache Pulsar 5.0.0-M1: A Preview of the Next Major Release](<https://devfeed.tech/articles/apache-pulsar-5-0-0-m1-a-preview-of-the-next-major-release-12767.md>)

Original publisher: [Read original article](<https://pulsar.apache.org/blog/2026/06/23/announcing-apache-pulsar-5-0-m1/>)

Author: Matteo Merli, Lari Hotari

Published: 2026-06-23T00:00:00Z

Content type: release

Language: en

Sources: [Apache Pulsar Blog](<https://devfeed.tech/sources/apache-pulsar-blog.md>)

Topics: [Apache Pulsar](<https://devfeed.tech/topics/pulsar.md>), [Availability](<https://devfeed.tech/topics/availability.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [announce](<https://devfeed.tech/tags/announce.md>), [apache](<https://devfeed.tech/tags/apache.md>), [features](<https://devfeed.tech/tags/features.md>), [github](<https://devfeed.tech/tags/github.md>), [next](<https://devfeed.tech/tags/next.md>), [production](<https://devfeed.tech/tags/production.md>), [release](<https://devfeed.tech/tags/release.md>)

### AI overview

Apache Pulsar 5.0.0-M1 is an early preview of the next major release, intended for testing with real workloads and feedback before general availability. The milestone introduces Scalable Topics, which automatically adjust capacity to actual load while preserving per-key ordering, and promotes Oxia to Pulsar's recommended metadata store.

### Source excerpt

The Apache Pulsar community is pleased to announce Apache Pulsar 5.0.0-M1, the first milestone on the road to Pulsar 5.0. It is a preview: an early build that puts the major new features of 5.0 in your hands so you can try them against real workloads and send feedback well ahead of the general-availability (GA) release. It is not meant for production.

## Observability for Next.js and Supabase applications with Sentry

DevFeed: [Observability for Next.js and Supabase applications with Sentry](<https://devfeed.tech/articles/from-vibe-code-to-production-ready-observability-for-next-js-and-supabase-apps-24105.md>)

Original publisher: [Read original article](<https://blog.sentry.io/nextjs-supabase-observability/>)

Author: Sergiy Dybskiy

Published: 2026-05-11T09:00:00Z

Content type: tutorial

Language: en

Sources: [Sentry Blog](<https://devfeed.tech/sources/sentry-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Supabase](<https://devfeed.tech/topics/supabase.md>), [observability](<https://devfeed.tech/topics/observability.md>), [Traces](<https://devfeed.tech/topics/traces.md>), [Instrumentation](<https://devfeed.tech/topics/instrumentation.md>), [log management](<https://devfeed.tech/topics/log-management.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>), [Drizzle](<https://devfeed.tech/topics/drizzle.md>), [Deno](<https://devfeed.tech/topics/deno.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [backend](<https://devfeed.tech/tags/backend.md>), [database](<https://devfeed.tech/tags/database.md>), [drizzle](<https://devfeed.tech/tags/drizzle.md>), [edge](<https://devfeed.tech/tags/edge.md>), [errors](<https://devfeed.tech/tags/errors.md>), [instrumentation](<https://devfeed.tech/tags/instrumentation.md>), [logs](<https://devfeed.tech/tags/logs.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [observability](<https://devfeed.tech/tags/observability.md>), [performance](<https://devfeed.tech/tags/performance.md>), [traces](<https://devfeed.tech/tags/traces.md>)

### AI overview

This tutorial explains how to instrument Next.js applications that use Supabase with Sentry. It covers unified errors, distributed traces, logs, performance insights, detection of N+1 queries and slow spans, and AI-assisted debugging.

### Source excerpt

Instrument Next.js and Supabase with Sentry to get unified errors, distributed traces, logs, performance insights, and AI-assisted fixes.

## Comparing Cypress cy.prompt, Cypress Studio, and Hand-Coded Tests

DevFeed: [Comparing Cypress cy.prompt, Cypress Studio, and Hand-Coded Tests](<https://devfeed.tech/articles/cypress-cy-prompt-vs-recording-vs-coding-28885.md>)

Original publisher: [Read original article](<https://glebbahmutov.com/blog/cypress-prompt-vs-record-vs-code/>)

Author: Gleb Bahmutov

Published: 2026-04-28T04:00:00Z

Content type: comparison

Language: en

Sources: [Gleb Bahmutov](<https://devfeed.tech/sources/gleb-bahmutov.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [coding](<https://devfeed.tech/topics/coding.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [coding](<https://devfeed.tech/tags/coding.md>), [command](<https://devfeed.tech/tags/command.md>), [copilot](<https://devfeed.tech/tags/copilot.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [editor](<https://devfeed.tech/tags/editor.md>), [next](<https://devfeed.tech/tags/next.md>), [process](<https://devfeed.tech/tags/process.md>), [prompt](<https://devfeed.tech/tags/prompt.md>), [selectors](<https://devfeed.tech/tags/selectors.md>), [test](<https://devfeed.tech/tags/test.md>), [testing](<https://devfeed.tech/tags/testing.md>), [vs](<https://devfeed.tech/tags/vs.md>)

### AI overview

The article compares three ways to create a Cypress login test: hand-coding in VSCode, using cy.prompt, and recording actions with Cypress Studio. In the author's test, hand-coding worked reliably, while cy.prompt produced failures and code that needed manual cleanup, and Cypress Studio inserted unwanted assertions and missed recommended selectors and negative assertions.

### Source excerpt

Cypress-the-company is putting a lot of effort behind its cy.prompt command (which I recreated

## World Experience: Updates from the Next Billion Fellowship

DevFeed: [World Experience: Updates from the Next Billion Fellowship](<https://devfeed.tech/articles/world-experience-updates-from-the-next-billion-fellowship-17167.md>)

Original publisher: [Read original article](<https://blog.ethereum.org/en/2025/06/16/world-experience>)

Author: Next Billion

Published: 2025-06-16T00:00:00Z

Content type: article

Language: en

Sources: [Ethereum Foundation Blog](<https://devfeed.tech/sources/ethereum-foundation-blog.md>)

Topics: [Ethereum](<https://devfeed.tech/topics/ethereum.md>), [Blockchain](<https://devfeed.tech/topics/blockchain.md>), [Protocol (disambiguation)](<https://devfeed.tech/topics/protocol.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [blockchain](<https://devfeed.tech/tags/blockchain.md>), [development](<https://devfeed.tech/tags/development.md>), [ethereum](<https://devfeed.tech/tags/ethereum.md>), [next](<https://devfeed.tech/tags/next.md>), [next-billion](<https://devfeed.tech/tags/next-billion.md>), [stories](<https://devfeed.tech/tags/stories.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

An update on the Next Billion Fellowship Program introduces four new fellows and highlights the work of five alumni. Their projects explore digital identity, climate finance and conservation data, Ethereum-based initiatives in global development, and disaster-response systems using zero-knowledge proofs, trusted execution, and satellite imagery.

### Source excerpt

This is an update from the Next Billion Fellowship Program. Applications are rolling and open for cohort 6 beginning in October 2025. Individuals interacting with an application have a user experience. Collectives interacting with a protocol have a world experience. There are many worlds that the Ethereum protocol touches;...

## Authorization in Next.js

DevFeed: [Authorization in Next.js](<https://devfeed.tech/articles/authorization-in-next-js-18950.md>)

Original publisher: [Read original article](<https://www.robinwieruch.de/next-authorization/>)

Author: Robin Wieruch

Published: 2025-03-25T10:50:46Z

Content type: tutorial

Language: en

Sources: [Robin Wieruch](<https://devfeed.tech/sources/robin-wieruch.md>)

Topics: [Authorization](<https://devfeed.tech/topics/authorization.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [API](<https://devfeed.tech/topics/api.md>), [Architecture & Design](<https://devfeed.tech/topics/architecture-design.md>), [Cache](<https://devfeed.tech/topics/cache.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [authorization](<https://devfeed.tech/tags/authorization.md>), [cache](<https://devfeed.tech/tags/cache.md>), [next](<https://devfeed.tech/tags/next.md>), [next-authorization](<https://devfeed.tech/tags/next-authorization.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [router](<https://devfeed.tech/tags/router.md>), [security](<https://devfeed.tech/tags/security.md>)

### AI overview

A guide to implementing authorization in Next.js applications that use React Server Components, Server Actions, and the App Router. It explains placing authorization checks near the data source, protecting read and write operations, validating sessions, redirecting unauthenticated users, and introducing service and data access layers as applications grow.

### Source excerpt

Learn about authorization in Next.js when using React Server Components, Server Actions, and Next's App Router ...

## Firebase App Hosting adds a local emulator and other deployment features

DevFeed: [Firebase App Hosting adds a local emulator and other deployment features](<https://devfeed.tech/articles/firebase-app-hosting-emulators-and-a-look-forward-to-2025-16572.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2024/12/apphosting-emulators>)

Author: Julia Reid; James Daniels

Published: 2024-12-19T00:00:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [hosting](<https://devfeed.tech/topics/hosting.md>), [Serverless](<https://devfeed.tech/topics/serverless.md>), [Cloud Run](<https://devfeed.tech/topics/cloud-run.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [ci-cd](<https://devfeed.tech/tags/ci-cd.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [deployment](<https://devfeed.tech/tags/deployment.md>), [emulator](<https://devfeed.tech/tags/emulator.md>), [emulator-suite](<https://devfeed.tech/tags/emulator-suite.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [hosting](<https://devfeed.tech/tags/hosting.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [vpc](<https://devfeed.tech/tags/vpc.md>)

### AI overview

Firebase's end-of-year update describes new and recently added Firebase App Hosting features, including a local emulator, improved build-debugging UI, VPC connectivity, wildcard domains, additional regions, monorepo support, manual rollouts, and cookie support.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Authentication in Next.js

DevFeed: [Authentication in Next.js](<https://devfeed.tech/articles/authentication-in-next-js-18949.md>)

Original publisher: [Read original article](<https://www.robinwieruch.de/next-authentication/>)

Author: Robin Wieruch

Published: 2024-10-29T10:50:46Z

Content type: tutorial

Language: en

Sources: [Robin Wieruch](<https://devfeed.tech/sources/robin-wieruch.md>)

Topics: [Authentication](<https://devfeed.tech/topics/authentication.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [authentication](<https://devfeed.tech/tags/authentication.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [learn](<https://devfeed.tech/tags/learn.md>), [next](<https://devfeed.tech/tags/next.md>), [next-authentication](<https://devfeed.tech/tags/next-authentication.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [sign-in](<https://devfeed.tech/tags/sign-in.md>), [sign-up](<https://devfeed.tech/tags/sign-up.md>)

### AI overview

A tutorial on implementing authentication in Next.js 15 with the App Router, React Server Components, and Server Actions. It demonstrates sign-up, sign-in, sign-out, public routes, protected routes, and redirects without client-side JavaScript.

### Source excerpt

Learn how to roll your own authentication in Next.js ...

## Apollo GraphQL Announces the Next GraphQL Summit Amid Rapid GraphQL Enterprise Adoption

DevFeed: [Apollo GraphQL Announces the Next GraphQL Summit Amid Rapid GraphQL Enterprise Adoption](<https://devfeed.tech/articles/apollo-graphql-announces-the-next-graphql-summit-amid-rapid-graphql-enterprise-adoption-23190.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/apollo-graphql-announces-the-next-graphql-summit-amid-rapid-graphql-enterprise-adoption>)

Author: Jennifer Tyrseck

Published: 2024-04-09T05:58:00Z

Content type: release

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [API Platform](<https://devfeed.tech/topics/api-platform.md>), [QCon San Francisco 2025](<https://devfeed.tech/topics/qcon-san-francisco-2025.md>), [Architecture & Design](<https://devfeed.tech/topics/architecture-design.md>), [Platform Engineering](<https://devfeed.tech/topics/platform-engineering.md>)

Tags: [announcement](<https://devfeed.tech/tags/announcement.md>), [api-platform](<https://devfeed.tech/tags/api-platform.md>), [apollo](<https://devfeed.tech/tags/apollo.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [coinbase](<https://devfeed.tech/tags/coinbase.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [enterprise](<https://devfeed.tech/tags/enterprise.md>), [governance](<https://devfeed.tech/tags/governance.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [netflix](<https://devfeed.tech/tags/netflix.md>), [next](<https://devfeed.tech/tags/next.md>), [platform-engineering](<https://devfeed.tech/tags/platform-engineering.md>), [report](<https://devfeed.tech/tags/report.md>), [security](<https://devfeed.tech/tags/security.md>), [summit](<https://devfeed.tech/tags/summit.md>), [technical](<https://devfeed.tech/tags/technical.md>), [technology](<https://devfeed.tech/tags/technology.md>), [use-cases](<https://devfeed.tech/tags/use-cases.md>)

### AI overview

Apollo GraphQL announces the seventh annual GraphQL Summit, scheduled for October 8-10, 2024, in New York City. The event will cover GraphQL federation, enterprise adoption, security, governance, API platform engineering, and real-world use cases.

### Source excerpt

Industry Leaders to Showcase Tangible Business Impact of GraphQL Federation In the wake of a recent report by Gartner®, Apollo GraphQL, the creator of GraphQL federation, is announcing the 7th annual GraphQL Summit, scheduled for October 8-10, 2024, in New York City. This premier three-day event gathers the largest assembly of GraphQL enthusiasts and API platform teams.

## 🔥 NextConf / Next 14, Lit 3.0, New gsap website

DevFeed: [🔥 NextConf / Next 14, Lit 3.0, New gsap website](<https://devfeed.tech/articles/nextconf-next-14-lit-3-0-new-gsap-website-34907.md>)

Original publisher: [Read original article](<https://frontendfocus.substack.com/p/nextconf-next-14-lit-3-0-new-gsap-website>)

Author: Mads Brodt

Published: 2023-11-01T16:00:00Z

Content type: article

Language: en

Sources: [Front-End Focus](<https://devfeed.tech/sources/front-end-focus.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Web Components](<https://devfeed.tech/topics/web-components.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [React](<https://devfeed.tech/topics/react.md>), [GSAP animation](<https://devfeed.tech/topics/gsap-animation.md>)

Tags: [gsap](<https://devfeed.tech/tags/gsap.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [next](<https://devfeed.tech/tags/next.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

This newsletter roundup discusses NextConf and Next 14, including stable Server Actions, Turbopack improvements, and a new learning course. It also covers the Lit 3.0 release and Web Components, then highlights a new GSAP website.

### Source excerpt

Hey there!

## Next.js 13.2

DevFeed: [Next.js 13.2](<https://devfeed.tech/articles/next-js-13-2-3180.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-13-2>)

Author: Tim Neutkens

Published: 2023-02-23T18:00:00Z

Content type: release

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Search engine optimization (SEO)](<https://devfeed.tech/topics/seo.md>), [App](<https://devfeed.tech/topics/app.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [API](<https://devfeed.tech/topics/api.md>), [React](<https://devfeed.tech/topics/react.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Cache](<https://devfeed.tech/topics/cache.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cache](<https://devfeed.tech/tags/cache.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [rust](<https://devfeed.tech/tags/rust.md>), [seo](<https://devfeed.tech/tags/seo.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 13.2 introduces major improvements to the App Router, including a Metadata API for static and dynamic SEO metadata, custom Route Handlers, MDX support for Server Components, type-safe links, Turbopack improvements, and caching changes.

### Source excerpt

Next.js 13.2 introduces major improvements to the App Router in preparation for stability, including SEO support, Route Handlers, MDX for Server Components, Type-Safe Links, and more.

## Publishing a Next.js app to Vercel with Nx

DevFeed: [Publishing a Next.js app to Vercel with Nx](<https://devfeed.tech/articles/publishing-a-next-js-app-to-vercel-with-nx-21389.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/09/nextjs-deploy-vercel-with-nx/>)

Published: 2021-09-14T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Deployment](<https://devfeed.tech/topics/deployment.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [deployment](<https://devfeed.tech/tags/deployment.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

### AI overview

This tutorial explains how to deploy a Next.js app built in an Nx workspace. It covers exporting a statically rendered site as HTML, CSS, and JavaScript files for deployment on a static web server, and introduces Vercel as an option for using richer deployment features and future dynamic capabilities.

### Source excerpt

Lorem ipsum dolor sit amet

## Use Cypress with Next.js and Nx to battle test your React Components

DevFeed: [Use Cypress with Next.js and Nx to battle test your React Components](<https://devfeed.tech/articles/use-cypress-with-next-js-and-nx-to-battle-test-your-react-components-21387.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/08/nextjs-storybook-cypress-nx/>)

Published: 2021-08-18T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [test](<https://devfeed.tech/topics/test.md>)

Tags: [cypress](<https://devfeed.tech/tags/cypress.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [test](<https://devfeed.tech/tags/test.md>)

### AI overview

This tutorial explains how to use Nx-generated Cypress end-to-end tests with a Next.js application to test React components. It discusses the automatically generated Cypress setup and writing high-level tests for the application.

### Source excerpt

Lorem ipsum dolor sit amet

## Use Storybook with Tailwind in an Nx Workspace

DevFeed: [Use Storybook with Tailwind in an Nx Workspace](<https://devfeed.tech/articles/use-storybook-with-tailwind-in-an-nx-workspace-21388.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/08/nextjs-storybook-tailwind-nx/>)

Published: 2021-08-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Storybook](<https://devfeed.tech/topics/storybook.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [ui](<https://devfeed.tech/topics/ui.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [components](<https://devfeed.tech/tags/components.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [ui](<https://devfeed.tech/tags/ui.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

### AI overview

This tutorial explains how to use Storybook with Tailwind in an Nx workspace for a Next.js application. It demonstrates generating a shared library for UI components and creating a topic-button React component for isolated development.

### Source excerpt

Lorem ipsum dolor sit amet

## Using Nx Workspace generators to scaffold new blog posts

DevFeed: [Using Nx Workspace generators to scaffold new blog posts](<https://devfeed.tech/articles/using-nx-workspace-generators-to-scaffold-new-blog-posts-21386.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/nextjs-workspace-generator-blog-draft/>)

Published: 2021-07-28T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Code](<https://devfeed.tech/topics/code.md>), [Boilerplate](<https://devfeed.tech/topics/boilerplate.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [Cypress](<https://devfeed.tech/topics/cypress.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [consistency](<https://devfeed.tech/tags/consistency.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [developers](<https://devfeed.tech/tags/developers.md>), [generators](<https://devfeed.tech/tags/generators.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

This tutorial explains how Nx Workspace generators can scaffold new blog drafts in a blog project built with Next.js and Nx. It introduces generators as a way to reduce repetitive setup work, improve naming and component consistency, and lower collaboration friction as projects scale.

### Source excerpt

Lorem ipsum dolor sit amet

## Hot Reload MDX changes in Next.js and Nx

DevFeed: [Hot Reload MDX changes in Next.js and Nx](<https://devfeed.tech/articles/hot-reload-mdx-changes-in-next-js-and-nx-21385.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/fast-refresh-mdx-files-next-and-nx/>)

Published: 2021-07-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Web app](<https://devfeed.tech/topics/webapp.md>)

Tags: [hot-reloading](<https://devfeed.tech/tags/hot-reloading.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial on implementing a custom server for a Next.js app with Nx so MDX file changes automatically refresh the rendered page. It explains how Next.js Fast Refresh works and introduces the next-remote-watch package for watching MDX changes.

### Source excerpt

Lorem ipsum dolor sit amet

## Component hydration with MDX in Next.js and Nx

DevFeed: [Component hydration with MDX in Next.js and Nx](<https://devfeed.tech/articles/component-hydration-with-mdx-in-next-js-and-nx-21384.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/component-hydration-nextjs-nx/>)

Published: 2021-07-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [building](<https://devfeed.tech/tags/building.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [series](<https://devfeed.tech/tags/series.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial on dynamically hydrating React components with MDX in a Next.js and Nx blog project. It explains how MDX enables React components to be embedded in Markdown and begins implementing a reusable YouTube component in an Nx React library.

### Source excerpt

Lorem ipsum dolor sit amet

## Read and render MD files with Next.js and Nx

DevFeed: [Read and render MD files with Next.js and Nx](<https://devfeed.tech/articles/read-and-render-md-files-with-next-js-and-nx-21382.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/06/read-render-markdown-nextjs-and-nx/>)

Published: 2021-06-23T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [Filesystems](<https://devfeed.tech/topics/filesystems.md>), [Parsing](<https://devfeed.tech/topics/parsing.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [files](<https://devfeed.tech/tags/files.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [parsing](<https://devfeed.tech/tags/parsing.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial on using Next.js and Nx to read Markdown files from a filesystem, parse the Markdown, and render it as HTML for a blog platform.

### Source excerpt

Lorem ipsum dolor sit amet

## Setup Next.js to use Tailwind with Nx

DevFeed: [Setup Next.js to use Tailwind with Nx](<https://devfeed.tech/articles/setup-next-js-to-use-tailwind-with-nx-21383.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/06/setup-tailwind-nextjs-and-nx/>)

Published: 2021-06-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [guide](<https://devfeed.tech/tags/guide.md>), [install](<https://devfeed.tech/tags/install.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [npm](<https://devfeed.tech/tags/npm.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial showing how to configure TailwindCSS in a Next.js application within an Nx workspace, including package installation, configuration files, global style imports, and a basic integration test.

### Source excerpt

Lorem ipsum dolor sit amet

## Create a Next.js web app with Nx

DevFeed: [Create a Next.js web app with Nx](<https://devfeed.tech/articles/create-a-next-js-web-app-with-nx-21381.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/06/create-nextjs-webapp-nx/>)

Published: 2021-06-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [Cypress](<https://devfeed.tech/topics/cypress.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [css](<https://devfeed.tech/tags/css.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [framework](<https://devfeed.tech/tags/framework.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

### AI overview

A tutorial on creating a Next.js web application in an Nx workspace. It explains workspace anatomy, setup, application generation, and the separation of deployable apps from reusable libraries.

### Source excerpt

Lorem ipsum dolor sit amet

## Right SideMenu and Tab Order

DevFeed: [Right SideMenu and Tab Order](<https://devfeed.tech/articles/right-sidemenu-and-tab-order-19499.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/right-sidemenu-tab-order/>)

Author: Shai Almog

Published: 2018-06-05T00:00:00Z

Content type: release

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [Internationalization (i18n)](<https://devfeed.tech/topics/i18n.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Pull Request](<https://devfeed.tech/topics/pull-request.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [arabic](<https://devfeed.tech/tags/arabic.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [languages](<https://devfeed.tech/tags/languages.md>), [new-features](<https://devfeed.tech/tags/new-features.md>), [next](<https://devfeed.tech/tags/next.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

The article announces upcoming Codename One improvements for right-side menus and tab order. Right-side menu support addresses RTL interface layouts, while the tab-order discussion concerns keyboard navigation and input cycles.

### Source excerpt

As I mentioned the other day, we have a lot of new features and announcements. Today I'd like to discuss the upcoming right side menu bar and new tab order functionality. Right SideMenu The old SideMenuBar supported the placement of the menu anywhere we want. We could place it in the left/right/top or bottom. The problem was that this support was painfully unreliable and inconsistent. When we migrated to the Toolbar API we ignored that support and only included the left side menu support. For some of us this isn't a big deal. Just a small limitation. However, if your app is localized to an RTL language this might be a problem.