#web development

Web development is the process of creating websites, applications and other online services. It involves a combination of coding languages such as HTML, CSS, JavaScript and others to create an interactive user experience. The goal of web development is to create a website or application that is fast, secure, and easy to use. Web developers must understand how to design, build and maintain websites while also considering the user experience and making sure the code is optimized for performance.
Keeping Up with The Fast and Furious Web
JSNation US 2025JSNation US 2025
29 min
Keeping Up with The Fast and Furious Web
Scott Talinsky's journey in web development highlights his transition from YouTube tutorials to creating educational content and courses, reflecting his passion for teaching. The evolution of web development tools showcases advancements from limited colors to modern frameworks like React and CSS features like squircles. Adapting to new technologies emphasizes core skills and freedom in tool selection. User-centric development prioritizes accessibility and understanding the purpose of tools. Learning strategies focus on fundamentals, hands-on learning, and avoiding influencer bias. Standing out in tech roles requires quality projects, broad knowledge, and effective communication.
A Look Ahead at Web Development in 2025
JSNation US 2024JSNation US 2024
32 min
A Look Ahead at Web Development in 2025
Top Content
Today, Wes Boss introduces the new features of the web, including customizable select and temporal, a standardized API for working with dates, time, and duration. The current date API in JavaScript has some problems related to time zones and date manipulation. With the temporal API, you can create dates without a time zone, specify dates without a year, and create durations without being attached to a specific date. The API also provides features for finding the difference between two dates. Invokers is a declarative click handlers API that eliminates the need for JavaScript. Speculation API enables pre-rendering and pre-loading of pages, improving performance. The CSS Anchor API allows positioning elements based on another element's location. Web components are encapsulated, framework-agnostic, and easy to use, offering a standardized approach for building reusable UI components. Building media UI components, like video players, is made easier with web components like Shoelace. Transformers JS allows running AI models in JavaScript for tasks like emotion detection and background removal. Python doesn't run in the browser, but JavaScript does. Small AI models can be loaded and executed faster in the browser using technologies like WebGPU. Animate height auto transition using calc size. Apply starting styles to elements for smooth animations. Use Vue transition for CSS and JavaScript animations. Syntax website with Vue transition for smooth page transitions. CSS relative colors allow for lighter or darker shades. Scope CSS ensures styles only apply to specified div containers. Web primitives facilitate modern JavaScript code. You can create web requests and receive web responses using the same primitives on both the client and server. There are many new web standards that work everywhere and frameworks like Hano and Nitro are built upon them. The select and Popover elements are accessible by default. Most of the discussed features will be available in all browsers by 2025. The future of web development with AI is uncertain, but web developers should embrace AI tools to improve efficiency. Implicit CSS lazy loading depends on whether it's prefetching or pre-rendering. Wes Boss discusses the specific features he is excited about in web development, including starting style, calc auto, and allowed discrete. He shares his preferred way of staying informed on new web development discoveries, emphasizing the importance of being part of the community and keeping up with industry discussions. Wes also mentions reading W3C meeting notes and recommends following the Twitter account Intent2Ship to stay updated on upcoming CSS features. Lastly, he discusses the potential impact of the new Scope CSS feature on developers' management of styles.
The Epic Stack
React Summit US 2023React Summit US 2023
21 min
The Epic Stack
Top Content
Watch video: The Epic Stack
This Talk introduces the Epic Stack, a project starter and reference for modern web development. It emphasizes that the choice of tools is not as important as we think and that any tool can be fine. The Epic Stack aims to provide a limited set of services and common use cases, with a focus on adaptability and ease of swapping out tools. It incorporates technologies like Remix, React, Fly to I.O, Grafana, and Sentry. The Epic Web Dev offers free materials and workshops to gain a solid understanding of the Epic Stack.
The Rise of the AI Engineer
React Summit US 2023React Summit US 2023
30 min
The Rise of the AI Engineer
Top Content
Watch video: The Rise of the AI Engineer
The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.
Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
Watch video: Debugging JS
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Jotai Atoms Are Just Functions
React Day Berlin 2022React Day Berlin 2022
22 min
Jotai Atoms Are Just Functions
Top Content
State management in React is a highly discussed topic with many libraries and solutions. Jotai is a new library based on atoms, which represent pieces of state. Atoms in Jotai are used to define state without holding values and can be used for global, semi-global, or local states. Jotai atoms are reusable definitions that are independent from React and can be used without React in an experimental library called Jotajsx.
Fighting Technical Debt With Continuous Refactoring
React Day Berlin 2022React Day Berlin 2022
29 min
Fighting Technical Debt With Continuous Refactoring
Top Content
Watch video: Fighting Technical Debt With Continuous Refactoring
This Talk discusses the importance of refactoring in software development and engineering. It introduces a framework called the three pillars of refactoring: practices, inventory, and process. The Talk emphasizes the need for clear practices, understanding of technical debt, and a well-defined process for successful refactoring. It also highlights the importance of visibility, reward, and resilience in the refactoring process. The Talk concludes by discussing the role of ownership, management, and prioritization in managing technical debt and refactoring efforts.
The Wind and the Waves: The formation of Framework Waves from the Epicenter
JSNation 2022JSNation 2022
19 min
The Wind and the Waves: The formation of Framework Waves from the Epicenter
Top Content
Our understanding of innovation is wrong. Innovations are not introduced by a single point of light. The story of who invented the computer is not linear. Many steps forward led to the development of the computer. Angular has shaped and influenced multiple JavaScript waves, and Angular v14 simplifies development with standalone components.
Living on the Edge
React Advanced 2021React Advanced 2021
36 min
Living on the Edge
The Talk discusses the future of React and introduces new APIs, including streaming rendering and server components. React Suspense allows for asynchronous loading of components and data fetching. The use of serverless computing, specifically Cloudflare Workers, is explored as a way to improve performance. The Talk emphasizes the potential for simplifying the React ecosystem and the excitement about the new API.
Don't Solve Problems, Eliminate Them
React Advanced 2021React Advanced 2021
39 min
Don't Solve Problems, Eliminate Them
Top Content
Kent C. Dodds discusses the concept of problem elimination rather than just problem-solving. He introduces the idea of a problem tree and the importance of avoiding creating solutions prematurely. Kent uses examples like Tesla's electric engine and Remix framework to illustrate the benefits of problem elimination. He emphasizes the value of trade-offs and taking the easier path, as well as the need to constantly re-evaluate and change approaches to eliminate problems.
React, TypeScript, and TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript, and TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs? That three-part combination is the topic of this series. We'll show a little about a lot. Meaning, the key steps to getting productive, in the IDE, for React projects using TypeScript. Along the way we'll show test-driven development and emphasize tips-and-tricks in the IDE.
Web3 Workshop - Building Your First Dapp
React Advanced 2021React Advanced 2021
145 min
Web3 Workshop - Building Your First Dapp
Top Content
Featured Workshop
Nader Dabit
Nader Dabit
In this workshop, you'll learn how to build your first full stack dapp on the Ethereum blockchain, reading and writing data to the network, and connecting a front end application to the contract you've deployed. By the end of the workshop, you'll understand how to set up a full stack development environment, run a local node, and interact with any smart contract using React, HardHat, and Ethers.js.
AHA Programming
React Summit Remote Edition 2020React Summit Remote Edition 2020
32 min
AHA Programming
Top Content
The Talk discusses the concept of AHA programming, which emphasizes thoughtful abstractions. It presents a live-coded example of the life-cycle of an abstraction and demonstrates how to fix bugs and enhance abstractions. The importance of avoiding complex abstractions and the value of duplication over the wrong abstraction are highlighted. The Talk also provides insights on building the right abstractions and offers resources for further learning.
CMS Migration Services (2026): Top 11 Agencies Reviewed
CMS Migration Services (2026): Top 11 Agencies Reviewed
Article
Katarina
Katarina
TL;DR: CMS Migration Numbers That Tell the StoryMost website migrations fail the same way: rankings drop, traffic disappears, and recovery takes months. The teams that avoid it don't get lucky — they treat CMS migration services as an engineering discipline, not a one-time technical event. The difference between a migration that compounds into growth and one that unravels six months post-launch comes down to how early SEO planning enters the process.The headless CMS market reached $816M in 2024 and is growing 22% annually, with 73% of enterprises already adopting headless architecture. As more companies move to API-first stacks, choosing the right CMS migration service is critical to:Preserve search rankings with proper redirects and URL mappingImprove performance and Core Web VitalsEnable faster content workflows with headless CMSReduce long-term CMS costs and vendor lock-inThis guide reviews the best CMS migration service providers in 2026 to help you migrate safely — without traffic loss or technical debt.Migrate a Website-Growing TrendAnalysts now expect the majority of digital teams to move away from page-based suites toward composable, API-first stacks in the next 2-3 years. As brands add channels, markets, and campaigns, traditional CMS workflows start to crack: content is duplicated per site, templates are hard to change, and every new experiment needs a developer. Headless CMS flips that: content lives in one structured hub, feeds every channel via APIs, and lets editors ship updates without queuing behind the sprint board. When teams rush into a headless CMS migration without SEO planning, they don’t just change platforms; they wipe out the very signals search engines use to trust and rank their sites.What Is Headless CMS Migration? Migrating a website to a headless CMS means decoupling your content from how it's presented. s work in one central content hub. Developers build fast, flexible frontends in Next.js, React, or whatever the delivery layer demands for any channel: web, app, or in-product UI. The content model stays stable. The presentation layer becomes a technical decision, not a CMS constraint.That separation is the point. It's also where migrations get complicated.Your SEO won't migrate automatically. Rankings follow decisions — specifically, the ones you make before anything moves. Keep URLs as stable as possible. Build a complete 301 redirect map for every URL that changes. Crawl both the old and new versions of the site before launch to catch missing metadata, lost content, broken internal links, and orphaned pages. That decision compounds: a redirect missed at migration can take months to recover from in search.The architecture is the easy part to get excited about. The unglamorous audit work is what protects everything you've already earned.Why Go Headless? CMS Migration JustificationWhat pushes businesses to CMS migration besides the draconian price of your Contentful? Let me guess, the code quality? Security reasons? It depends.That's exactly what professional headless CMS migration services are designed to solve — handling the technical and SEO complexity so your team doesn't have to.Here are the top 9 reasons businesses seek headless CMS migration services, starting with economic ones and followed by technical website reasons:Escape runaway license costs: Legacy and monolithic CMS platforms keep increasing base subscription fees. Ballooning costs, driven by user-seat pricing and add-on charges, are turning your content stack into a fixed cost that grows faster than your traffic or revenue. This erodes ROI over time and makes staying on your current CMS increasingly hard to justify.Stop paying for “empty” overages: Many enterprise CMS contracts charge extra for API calls, environments, locales, or storage, even if you’re not using advanced features that justify the bill.Replace complex pricing with predictable value: Moving to a modern headless stack lets you choose components (CMS, hosting, search, media) that match your actual usage and budget, instead of being locked into one vendor’s bundled pricing.Reinvest license spend into growth: The money currently tied up in inflated CMS subscriptions can be redirected into content production, SEO, and experimentation that measurably drives revenue.”Future‑proof against price hikes: A composable headless architecture gives you leverage; if one vendor’s pricing becomes unreasonable, you can swap it out without rebuilding your entire site.Security vulnerabilities: Traditional monolithic CMS platforms like WordPress (when unmanaged) or aging proprietary systems are prime targets for hackers. Outdated plugins, unpatched cores, and shared databases create attack surfaces that headless, API-first architectures simply don't have.Poor performance: A slow website is a leaking revenue pipe. If your CMS is tightly coupled to your frontend, every design tweak becomes a developer ticket. Businesses migrate to gain speed, better Core Web Vitals scores, and the freedom to optimize independently.Technical debt: Years of patched plugins, custom workarounds, and legacy integrations quietly accumulate until your codebase becomes a house of cards. A full site migration is often the cleanest escape route.Lack of scalability: When your CMS can't handle traffic spikes, multiple languages, or omnichannel delivery without expensive custom work, growth itself becomes the enemy. Modern headless platforms are built to scale without breaking.The Moment Teams Start Looking for a Website Migration AgencyMost teams don't reach out to website migration companies because the technology stopped working. They migrate because the cost of staying finally outweighed the cost of moving. The CMS that made sense three years ago — reasonable at the time, familiar to the team, integrated into the workflow — quietly becomes the thing that slows every campaign, blocks every experiment, and shows up as a line item that's hard to justify at budget review.The shift is rarely dramatic. It's the accumulation of small frictions: a developer ticket for a content change that should take thirty seconds, a performance audit that points back to the platform, a pricing renewal that arrives with a number that no longer matches the value. At some point the question changes from "should we migrate?" to "what were we waiting for?"That's when the search for website migration companies begins — not in crisis, but past the point where staying is the safer option.The world of content systems has changed, just like you after Covid. While platforms like Storyblok are popular among marketers for visual editing, the best CMS depends on your team structure, developer resources, and content complexity. Alternatives like Contentful, Sanity, and Strapi may be better suited depending on the use case. We advise Storyblok for its simplicity, as it's the CMS that consistently gets the least pushback from the people who actually use it daily.

How do you move a site without significant SEO loss, and who can assist my team with CMS migration services?What should be taken into account before CMS migration?One of the most critical decisions, besides choosing website migration company, is choosing the right CMS, and for most businesses today, that means going headless. But raw headless power alone isn't enough; consider the following:CMS Flexibility: When you migrate a website, whether from a legacy platform or decide to migrate a WordPress website to a more scalable architecture, clients increasingly demand a CMS that supports diverse, flexible layouts for individual content types. Think distinct page structures for blog posts, case studies, landing pages, and product pages, all managed from a single platform without duplicating effort.Friendliness: The days of requiring a developer to publish a paragraph or rearrange a section are over. The best modern CMS platforms integrate a visual page builder directly into the interface, empowering marketing and content teams to construct, update, and iterate on pages entirely independently — a capability that WordPress alone, in its traditional form, often struggles to deliver at scale.SEO Preservation: A poorly executed migration can wipe out years of hard-earned organic rankings overnight. Careful URL mapping, redirect management, and metadata migration are just as important as the technical build itself — and should never be an afterthought.Localisation Support: For any business operating across borders, localization is no longer a nice-to-have. The ability to manage multiple languages, regional content variations, and locale-specific SEO from within the same CMS is now a baseline expectation, not a premium feature.Get these four right, and your website migration becomes a launchpad; get them wrong, and it becomes a liability.SEO Preservation: The Part That's Easy to Get WrongWebsite migration impacts SEO reasonably. Every page you've ranked took time. Every backlink pointing at a specific URL is a signal you've earned. When you migrate a website, that equity doesn't transfer automatically; it follows the decisions you make before a single line of code changes.The analogy is here: fixing SEO after a website migration is like correcting old handpoke tattoos done by an amateur. You can do it, but you're always working against what's already there. The cleaner move is to plan and protect everything upfront.That means treating SEO preservation as an engineering problem, not an afterthought.Before any migration begins, a serious team runs a full technical audit: title tags, meta descriptions, headings, and image alt text – and documents every URL in the existing site. Not most of them. Every single one. From there, a complete 301 redirect map is built, mapping each old URL to its new destination. Nothing gets left to assumptions.CMS Migration ChecklistThe pre-migration checklist that compounds into your post-launch performance:Full technical audit of the existing siteComplete URL inventory301 redirect map (old URL → new URL)Analytics baseline exportInternal linking structure documentationCurrent ranking data exportSchema markup documentationFull site backup before anything movesMiss one of these, and you're not migrating a website (CMS); you're rebuilding your search visibility from scratch. The development agencies that get this right treat the checklist above as the floor, not the ceiling.
The post-launch CMS migration checklist:Organic traffic monitoring via GA4 and Google Search Console from day one. Ahrefs if you want a second signal.Crawl error checks in the first 48 hours — redirect failures and orphaned pages surface fast if you're watching.Ranking position tracking — flag significant drops in the first two weeks. The faster you catch them, the less they compound.Metadata review in the first month — rewrite underperforming title tags and descriptions while the index is still settling.Index coverage report — confirm priority pages are being crawled and indexed correctly.This combo of technical care and content parity lets you migrate a website to a headless content management system for performance without sacrificing your past merits.Replatforming vs. Migration. Why ''just replatforming' is Not Enough“Just replatforming” is not enough because it moves your site to new tech without accurately fixing the underlying problems in content, workflows, data, and SEO. If you simply swap CMS platforms or hosting and keep the same messy content model, fragmented data, and ad‑hoc processes, you end up with the same bottlenecks. The difference is that only now they’re running on a newer, more expensive stack. A meaningful website migration is an opportunity to rethink information architecture, streamline content types and workflows, clean and normalise data, and plan SEO and analytics from the start so your team actually ships faster and your site performs better instead of “lifting and shifting” old issues into a shiny new interface.How Long Does it Take to Migrate a Website?Migrating a website is rarely a one-size-fits-all process. Migration timelines vary widely depending on the size, complexity, and condition of your existing setup. A simple CMS migration for a small site might take as little as two to four weeks, while a full global website migration involving thousands of pages, multiple languages, and complex integrations can take anywhere from three to six months. Headless CMS Migration Process and PlanningWhen you move a website from a legacy platform to a headless CMS solution, the bulk of the time goes into content mapping, URL redirects, SEO preservation, and quality assurance, not just the technical build. For instance, WordPress migrations tend to be faster thanks to a mature ecosystem of tools, but enterprise-scale projects demand far more planning. Working with a professional CMS migration service can really make a difference. Website migration team have established workflows that help lower risks, safuguard your search rankings, and minimize downtime. No matter if you need basic website migration services for a small business or a complicated content overhaul across different region for enterprise business, the key principle remains unchanged:The more thorough your plan for a migration, the smoother it will be.Top 11 Website CMS Migration Services to Future-Proof Your WebsiteHere's a list of headless CMS migration services that cater to different business needs, covering everything from consulting and maintenance to migrating custom features and integrating AI.1. FocusReactive (London, Amsterdam, Warsaw)





FocusReactive is a full-service headless CMS agency. The engineering company builds high-performance AI-powered marketing sites and web applications on Next.js and modern headless CMS platforms: Sanity, Payload, Storyblok, and Directus. Headquartered in London, with a Warsaw office and a distributed remote team, they work with clients across the UK, Europe, United States, Australia and beyond who have outgrown their current stack and need a website migration done without SEO loss, editorial disruption, or technical debt carried forward. ProsDeep specialisation in headless, composable architectures and website migrations from legacy or expensive SaaS CMS to open-source headless stacks.Strong engineering plus an SEO/performance mindset, including content modelling, redirects, and Core Web Vitals-friendly frontends.Dedicated enterprise migration consultancy. FocusReactive conducts a full pre-migration audit covering content architecture, SEO risk mapping, and platform fit, giving enterprise teams a clear site migration roadmap and eliminating the costly surprises that derail large-scale enterprise website CMS migration projectsConsStrategy involvement means higher project minimums than basic lift‑and‑shift vendors.PricingEarly-stage/mid-market SaaS marketing site headless migration: ~40k–130k+ USD depending on size, redesign, and integrations.2. Tribe Digital (London)Tribe Digital is a digital product company that helps startups, scale-ups, and enterprises build human-centred websites and digital products. They are not only migration agency, but also create brand strategy, UX/UI design, and full-cycle app development. They partner with visionary brands to craft best-in-class digital experiences that are as commercially driven as they are beautifully designed.ProsSaaS and B2B website migration practice with SEO and performance as explicit goals.Good fit for product-led companies moving to a modern stack (often headless) with emphasis on UX and growth.ConsLikely overkill for small, non-technical sites.No public pricing; full scoping and proposal cycle required.PricingTypical SaaS marketing site replatforming: ~20k–80k+ USD.3. Tinloof (Berlin, Germany)





Tinloof is a design and development studio founded in 2019, specialising in frontend development and CMS migration services. The agency primarily serves SaaS, technology, and eCommerce brands planning a migration to modern headless CMS architecture. As one of Sanity's first official agency partners, their core CMS migration stack centres on Sanity CMS, Shopify, and TypeScript.Strengths
Strong fit for eCommerce brands planning a headless Shopify migration combined with a Sanity CMS migration — with demonstrated experience merging content and commerce layers into a unified headless platform without disrupting SEO performance.Design-led migration delivery with Core Web Vitals, technical SEO, and structured data treated as core migration deliverables, ensuring search visibility is maintained throughout the migration process.ConsSmall team (2–10 employees) — capacity constraints are a real consideration for larger enterprise CMS migration projects or time-sensitive migration timelinesLimited public evidence of large-scale multi-region or multi-language CMS migration projects, which may be a concern for global migration briefsPricingHeadless CMS migration services are priced at approximately $70–$150/hour based on public data.Fixed-price CMS migration projects are available for well-scoped briefs. Mid-complexity headless CMS migrations typically range from $20,000–$60,0004. Riotters (Szczecin, Poland)





Riotters is a Polish design studio and digital product agency positioning itself as a "design accelerator" for startups. Their work spans UX/UI design, product design, branding, motion design, and software development: with Payload CMS, HubSpot, and low/no-code tools listed as their primary development stack. They work across Europe and the Americas with a flat-structure, senior-led team model. Although this is not a primary CMS migration service, their design development skils shouldn't be underrated.ProsA strong design execution, guided by a structured and process-driven approach, is ideal for brands that require visual quality and in-depth user experience, along with content management system implementation.Payload CMS development listed as a core service, making them a viable option for projects where the CMS and application layer need to share a codebase.Active Dribbble presence with documented portfolio — useful for evaluating design quality before engaging.ConsDesign-led rather than engineering-led — projects where content architecture, migration methodology, and technical SEO are the primary concerns may be outside their core strengthNo public pricing and limited evidence of large-scale CMS migrations in their public case studiesPricingClutch reviews indicate project budgets ranging from under $10,000 to over $1.4 million. No standard rates published publicly5. Blazity (Warsaw, Poland)






Blazity is a  boutique agency with a Next.js focus and headless CMS migration listed among their services. Their most referenced case study involves migrating 15 WordPress sites to Contentful — a technically solid project, though one that reflects their platform preferences more than broad migration versatility.Their stack is intentionally narrow: JavaScript, Contentful, and Hygraph. That focus works well when those are already the chosen tools. If your migration involves a different CMS, a mixed stack, or platforms like Sanity, Storyblok, or Payload, the fit becomes less clear. Similarly, their boutique size means capacity is a real variable for larger or time-sensitive projects.A reasonable choice for scoped Contentful work. Less so for teams that need platform flexibility or broader migration coverage.ProsSEO preservation during migrations — full URL mapping, redirect handling, and structured data migration includedConsBoutique agency size means capacity may be limited for very large concurrent projectsMainly work with JavaScript; this agency is not a fit if your project requires a different tech stack such as PHP, Ruby, or a legacy CMSCMS platform coverage is narrower than generalist agencies — strongest with Contentful and HygraphPricingBlazity does not publish fixed pricing publicly. Rates are consistent with a senior-level European boutique agency. A discovery call is required to get a tailored estimate.6. SUNZINET digital agency (Cologne, Germany)Sunzinet is a development company from Germany. Their team is a strong fit for large-scale projects where you need a single agency to handle strategy, architecture, CMS integration, and marketing end-to-end.ProsTeam across 3 countries, serving major clients like Bosch, Siemens, Canon, Bayer, and Swarovski Optik Full-service under one roof: strategy, CRM, CMS migration, marketing, and automationConsNot suited for smaller teams or simpler projectsNo transparent pricing; requires a consultation to get a quotePricing Hourly rates are approximately $70-$150/hr (TechBehemoths), which puts them in the mid-to-premium range. They're geared toward enterprise budgets; smaller projects are likely not a good fit.7. Five Jars (New York, USA)Five Jars is a Virginia-based full-service web design and development agency that has been delivering digital solutions since 2016, specialising in CMS-based platform builds, migrations, and long-term technical support for nonprofits, arts and culture institutions, healthcare, and enterprise clients. As a certified Drupal partner with expertise across Drupal, WordPress, and headless CMS platforms, they combine strategy, UX/UI design, and engineering to build accessible, scalable digital experiences.ProsStrong track record with mission-driven and nonprofit organisations, including large YMCAs, NGOs, and cultural institutions across the US.Full-cycle service from strategy and design to development, integrations, and post-launch support — no need to juggle multiple vendors.ConsLess focused on pure headless or composable CMS setups; better suited to teams who need a trusted generalist partner than those pursuing cutting-edge Jamstack architectures.PricingCMS build or migration for mid-size sites: ~$25,000–$150,000+ USD depending on scope, integrations, and content volume.8. BitsOrchestra (Lviv, Ukraine)Bits Orchestra is a US/Europe-based web and mobile development agency founded in 2015, specialising in CMS migrations, headless CMS development, and platform modernisation for mid-size to enterprise clients across manufacturing, retail, education, and nonprofits. As a certified Kentico Bronze Partner with deep expertise in Umbraco, Contentful, Sanity, and Strapi, they are particularly known for complex legacy CMS transitions with near-zero downtime.ProsDeep specialisation in .NET-based CMS platforms (Kentico, Umbraco) and complex enterprise migrations — a strong choice when risk control and zero downtime are non-negotiable.Proven SEO-safe migration process, preserving URLs, metadata, and sitemaps with 301 mapping to protect rankings.ConsLess relevant for teams on non-.NET stacks or those looking for a lightweight, fast-turnaround headless build without complex legacy systems involved.PricingSimple CMS migrations: from ~$5,000–$15,000 USD; large-scale or enterprise migrations range significantly higher based on complexity, integrations, and content volume.9. 9thCO (Toronto, Canada)9thCO is a Toronto-based digital company that has been building cutting-edge web platforms since 2013, specialising in headless CMS development, implementation, and migration for brands across finance, retail, and B2B. As official Storyblok, Strapi, and Netlify partners, they bring deep serverless architecture expertise to deliver secure, future-ready content solutions.ProsSpecialises in headless CMS implementations and migrations (e.g., Storyblok and Strapi), with a focus on preserving SEO and performance.Good choice if you’ve already picked a headless platform and need a migration team.ConsLess relevant if you plan to stay on fully traditional platforms.Pricing Headless CMS build + migration for mid‑size sites: ~40k–150k+ USD.10. WeFrameTech (India)
WeFrameTech is a headless commerce and development company with a strong focus on migration from legacy and monolithic platforms to modern headless architectures like Strapi, Directus, and custom JAMstack setups.WeFrameTech provides structured migration strategies, content modelling redesign, API planning, and frontend alignment to ensure a smooth transition from legacy CMS to scalable headless architecture.ProsWorks across 10+ platforms including Contentful, Sanity, Strapi, Prismic, and Builder.io.Offers 10–20 hours of free development as a risk-free startConsPricing is not publicly listed — requires a discovery call to get a quotePrimarily commerce-focused, so pure content-driven CMS migrations may not be their strongest suitLimited publicly verifiable case studies for non-ecommerce projectsPricingWeFrameTech does not publish fixed pricing. Based on their published guidance, a full headless migration project — including analysis, development, and data migration — can range from $50,000 to $150,000, depending on project scope and complexity. They offer a free initial consultation and a no-commitment trial period of free development hours for new clients.11. Cocoon Agency (UK-based, remote team)
Cocoon agency is a company around headless, composable architecture, and MACH. Their pitch is digital transformation for organizations moving off legacy platforms. Engineering and UX under one roof.The overlap is real. Where they differ: Cocoon speaks in architecture abstractions — "composable ecosystems," "omnichannel delivery," "API-first decoupling." The language signals ambition but not specificity. How to Choose the Right CMS Migration ServicesNot every agency that calls itself a CMS migration partner/provider is built for the same problem. Before you shortlist anyone, check these five things:Technical stack expertise: do they know the platform you're moving to, or are they learning on your project?E-commerce experience: product data, payments, and checkout flows don't survive a careless lift-and-shiftCMS specialists vs. generic dev shops: specialists know what breaks, what compounds, and what to protectSEO-safe methodology: redirects, canonicals, ranking preservation — this should be a defined process, not improvised per projectPost-launch support: what happens at week three when something misfires? The answer tells you more than the proposal doesHeadless CMS Agencies QuickpickThis list is very general, as there is no single winner or 'best' CMS service/agency across all scenarious. Everything depends on your site architecture, team structure, and risks around SEO. With that in mind, choose:

AgencyBest ForTimezoneTech Stack / CMS FocusSEO Migration StrengthProject Size FitPricing RangeNot a Fit If
FocusReactiveSEO-safe, high-performance migrationsGMT / CET (London + Warsaw)Next.js, Sanity, Storyblok, Payload, Contentful⭐⭐⭐⭐⭐ Strong (redirects, CWV, architecture)Mid-market → Enterprise$40k–$130k+You need a cheap or quick lift-and-shiftTribe DigitalSaaS & product-led companiesGMT (London)Modern headless, UX-focused builds⭐⭐⭐⭐ StrongMid-market$20k–$80k+You only need backend migration (no UX work)TinloofHeadless commerce (Shopify + CMS)CET (Berlin)Sanity, Next.js, Shopify⭐⭐⭐⭐ Strong (esp. eCommerce SEO)Small → Mid$20k–$60kYou need multi-CMS flexibility or enterprise scaleRiottersDesign-heavy projectsCET (Szczecin, Poland)Payload CMS, HubSpot, low-code⭐⭐⭐ ModerateSmall → MidVaries widelySEO or migration complexity is your main concernBlazityContentful-based migrationsCET (Warsaw)Contentful, Hygraph⭐⭐⭐⭐ Strong (structured migrations)Mid-marketNot publicYou want CMS-agnostic expertiseFiveJarsFull-cycle CMS builds & migrations
EST (Arlington, VA / New York)Drupal, Wordpress⭐⭐⭐⭐ Strong (content-heavy SEO)Nonprofits, Mid-market & Enterprise$25k–$150k+You need an agency for accessible, mission-driven web platformsSUNZINETEnterprise digital transformationCET (Cologne)Full-stack (CMS + CRM + marketing)⭐⭐⭐⭐ Strong (enterprise SEO processes)Enterprise$70–$150/hrYou’re a startup or need lean executionBitsOrchestraDesign-led migrationsEST/CET (US & Europe)
Kentico, Umbraco, Contentful, Strapi⭐⭐⭐ ModerateMid → Enterprise
$20–$150kYou need zero-downtime migration from complex .NET or legacy CMS systems9thCOPlatform-specific migrationsEST (Toronto)Strapi, Netlify⭐⭐⭐⭐ StrongMid → Enterprise$40k–$150k+You’re staying on traditional CMSWeFrameTechHeadless commerce & multi-platformIST (India)Strapi, Sanity, Directus, JAMstack⭐⭐⭐ ModerateMid-market$50k–$150kYou need strong non-commerce case studiesCocoon AgencyMACH / composable architectureGMT (UK, Remote)API-first, composable stacks⭐⭐⭐ ModerateEnterpriseNot publicYou want concrete, execution-focused deliveryReady to Start Your CMS-to-CMS Migration?The most important voice in any website migration isn't your dev team's. It's the marketing operations team, the people who'll live in this system daily. Pick a platform and a partner that works for them first. The right fit depends on your workflow, not ours.

If you're planning a migration or specifically looking for a headless CMS agency, talk to CMS migration services team. Here you can also book an SEO-safe migration audit. We'll map out exactly what needs protecting before anything moves. CMS Migration Service FAQWhat happens when you migrate a website?When you run a website migration, you move key elements like domain, CMS platform, URL structure, design, and content from one setup to another. If it’s not planned properly, this can temporarily affect organic traffic, rankings, and tracking while search engines discover and re‑evaluate your new pages.Is SEO migration necessary?Yes, SEO‑led website migration services are essential if you want to keep your existing visibility, rankings, and revenue. Without structured SEO migration work (redirect mapping, content parity, technical checks), you risk broken URLs, lost authority, indexation issues, and significant drops in traffic.Can I migrate from WordPress to a headless CMS without traffic loss? You can migrate a WordPress website to a headless CMS with minimal or no lasting traffic loss if you treat it as a full SEO website migration project. That means preserving high‑value URLs where possible, implementing page‑level 301 redirects, maintaining or improving content, and launching on a fast, SEO‑friendly front end.Do I need e-commerce CMS migration services for Shopify/BigCommerce?If you are moving an e-commerce shopfront on Shopify or BigCommerce to a headless architecture, we recommend e-commerce CMS migration services. They help you migrate product data, content, URLs, and SEO signals correctly so you can benefit from faster headless experiences without sacrificing organic traffic or conversion rates.What headless CMS is the best for a marketing team with limited dev support?Storyblok is the best CMS here, for pure editorial independence out of the box. Its visual page builder lets non-technical teams build and publish pages without a developer in the loop.
Top 15 Next.js Development Agencies in Europe for SaaS and Enterprise (2026)
Top 15 Next.js Development Agencies in Europe for SaaS and Enterprise (2026)
Article
Katarina
Katarina
Choosing the right Next.js agency is one of the highest-leverage decisions a SaaS founder or enterprise engineering lead can make. Regardless of the type of project you plan to undertake an agency—be it a small startup, mid-market SaaS, or a large enterprise—Next.js is your sensible choice for the frontend in 2026.This guide evaluates 15 Next.js development agencies across Europe — covering technical depth, verified CMS partnerships, Vercel platform experience, and documented client outcomes — so you can identify the right Next.js developers for your specific project without relying on rankings that prioritise brand size over delivery evidence.According to the State of JavaScript 2025 survey (13,000+ respondents, sponsored by Google Chrome and JetBrains), Next.js is used by 59% of JavaScript developers, making it the most adopted React meta-framework by a significant margin. Not every agency that lists Next.js development services on their website has built production-grade SaaS platforms with it. This guide focuses on European Next.js agencies with documented delivery at scale.Many well-known companies use Next.js for various purposes, e.g., Nike, Stripe, TikTok, Uber, Wayfair, Notion, and Apple. Thanks to its performance, scalability, and developer experience Next.js works well for enterprise websites, SaaS dashboards, and high-traffic landing pages. It’s also popular for e-commerce platforms, marketing sites, and customer-facing web apps.TL;DR — Top Next.js Agencies in Europe at a GlanceBest Next.js agency for headless CMS migrations: FocusReactive (London/Warsaw) — Sanity certified, 35-domain multilingual delivery for EasyPark, clients all over the worldBest for performance engineering and App Router migrations: Blazity (Warsaw) —  70% LCP improvement for CookUnityBest for headless commerce and Shopify Plus: Naturaily (Wrocław); Shopify Plus certifiedBest for large enterprise digital transformation: Dept Agency; Contentful partnerBest for net-new SaaS product builds: Netguru or Boldare; full design-to-engineering lifecycle, strong Clutch track recordBest for custom B2B/B2C commerce platforms: Rigby; Medusa.js specialists for marketplace and multi-tenant buildsBest for design-led SMB and startup builds: Halo Lab; competitive rates, high design qualityKey buying signals to verify before committing to any Next.js development agency: App Router in production (not Pages Router), named Vercel partner status, at least one case study with a measured outcome, and a defined post-launch SLA.Who This Guide Is ForThis guide is written for a single reader: a technical decision-maker — CTO, VP of Engineering, or hands-on founder — at a mid-market SaaS company or enterprise digital team who is evaluating a Next.js development agency for one of the following Next.js projects:Migrating a legacy platform (WordPress, Drupal, AEM) to a headless Next.js architectureBuilding a new SaaS frontend or Next.js website from scratch on the App RouterScaling an existing Next.js codebase that has outgrown the original team's capacityIf you are a marketing director selecting a Webflow agency, or an enterprise procurement team seeking a 500-person outsourcing firm, this selection guide is not the right resource. The Next.js agencies listed here are specialist software engineering teams, not general digital agencies, and the evaluation criteria reflect that difference.How to Evaluate a Next.js Development Agency: 8 CriteriaThese criteria should be applied before reviewing any Next.js agency's portfolio. Outline your project needs for each criterion, then score the agencies based on your requirements — not against each other in the abstract.1. Next.js App Router and React Server Component FluencyAny Next.js agency doing serious work in 2026 should be building on the App Router by default — it is the current production standard and the only model Vercel is actively developing new features for. An agency still defaulting to the Pages Router for new projects, or that cannot clearly explain the Client/Server Component boundary, is working on a deprecated paradigm.Ask: Are your current production projects on the App Router or Pages Router? How do you decide which components are Server Components versus Client Components?Red flag: Defaults to "use client" on most components, or describes App Router as "still evaluating."2. Next.js Rendering Strategy DepthA capable Next.js agency should be able to tell you exactly which rendering strategy — SSG, ISR, SSR, or RSC — applies to each layer of your application and why, including the caching and cost implications of each choice. If the answer is "we use SSR for everything," that is not a strategy, it is a default.Ask: How do you decide between SSG, ISR, and dynamic rendering in an App Router project? How do you handle cache invalidation when CMS content updates?Red flag: Cannot explain the difference between route-level and component-level caching in the App Router.3. Vercel Platform DepthProduction Next.js deployment on Vercel goes well beyond connecting a GitHub repo — it requires managing edge middleware, environment variable scoping, preview deployments, build cost optimisation, and observability tooling. An agency that has only used Vercel's free tier has not encountered the challenges enterprise deployments surface.Ask: Have you managed Vercel enterprise accounts with multiple deployment targets? Have you configured Edge Middleware for geo-routing or A/B testing?Red flag: Cannot describe how they manage Vercel build costs or have never used Speed Insights for production diagnostics.4. Headless CMS Integration as Part of Next.js Development ServicesDeep CMS integration means designing the content model, configuring draft mode for live preview with React Server Components, and ensuring editors can operate independently after handover — not just connecting the API and fetching data. Ask for a certified partnership and a concrete content modelling example, not a list of supported platforms.Ask: Are you a certified partner of the CMS we are considering? How do you implement draft mode with Server Components for live preview?Red flag: Treats CMS setup as a configuration task with no content modelling methodology to show.5. SEO Continuity and Core Web Vitals MethodologyFor platform migrations, organic search equity is a business asset that can be destroyed by poor redirect handling or metadata loss. A qualified Next.js agency treats Core Web Vitals and URL continuity as engineering deliverables from sprint one, not as post-launch cleanup.Ask: How do you handle URL mapping and redirect implementation during a migration? Can you show pre/post Core Web Vitals benchmarks from a previous project?Red flag: Redirects are handled at the end of the project, or the agency cannot produce crawl comparisons from past migrations.6. TypeScript and Code Quality: What to Expect from Senior Next.js DevelopersThe codebase a Next.js agency delivers will be maintained by your internal team or a future agency — TypeScript by default, automated tests, and clear documentation are baseline requirements, not premium extras.Ask: Is TypeScript the default on all projects? What testing framework and coverage standards do your Next.js developers apply?Red flag: Delivers JavaScript-only codebases or has no automated testing in the handover.
ask the programmer meme7. Post-Launch Support and SLA StructureThe first 90 days after launch consistently surface redirect gaps, content model edge cases, and performance regressions. A Next.js agency without a formal post-launch support period and documented SLAs will deprioritise incidents because those hours are unscoped and unbillable.Ask: What are your SLAs for critical production bugs in the first 90 days? Is a retainer model available for ongoing work?Red flag: No formal post-launch support structure beyond "reach out if something breaks."8. Enterprise Delivery EvidencePortfolio logos are not delivery evidence — ask for case studies that name a client, describe the integration complexity, and cite a measurable outcome (Core Web Vitals score, traffic change, time-to-market). An agency that cannot provide this has not delivered at enterprise scale.Ask: Can you share a Next.js App Router case study with similar content volume or language count to our project, including the measured outcome?Red flag: Case studies show design screenshots and describe outcomes as "improved performance" without figures.How Next.js Agencies Were Ranked: MethodologyEvery agency in this list was evaluated against five factors. No agency paid for inclusion. Agencies ranked higher when they demonstrated App Router adoption in production (verified via case studies, public repositories, or technical blog content) and could show documented delivery at enterprise content or traffic scale. Agencies whose public case studies predate the App Router era, or whose documentation suggests primary reliance on the Pages Router, rank lower regardless of brand recognition or team size.FactorWeightSignal UsedApp Router and RSC adoption in productionHighVerified via case studies, public repos, or technical blog postsVercel platform depthHighOfficial partner status, enterprise account evidence, edge middleware usageSEO and Core Web Vitals track recordHighNamed platform certifications; documented content modelling approachHeadless CMS certification and methodologyHighPre/post launch metrics; migration case studies; Metadata API usageEnterprise delivery evidenceMediumNamed clients, measurable outcomes, team scale documentationAgency Comparison MatrixThe matrix below uses factual indicators rather than qualitative labels. Every client's needs differ, but here are the basic agency metrics for you to check.
AgencyVercel PartnerCMS Certifications (verified)Named Client with MetricPrimary FitEst. HourlyFocusReactiveYesSanity, Storyblok, Contentful, PayloadEasyPark (35 domains, top 1–5 rankings in 14 countries)Headless CMS sites, SEO migrations$75–125The Software HouseUnverifiedUnverifiedUnverifiedEnterprise web apps, team augmentation$60–100Dept AgencyUnverifiedContentful (self-reported)Unverified specific metricsGlobal enterprise digital products$100–150NaturailyUnverifiedShopify Plus (certified), Storyblok, Sanity (self-reported)Best IT (Jamstack migration, documented)Headless commerce, performance replatforms$50–99NeoskopUnverifiedAdobe Experience Cloud (self-reported)UnverifiedDACH SaaS and enterprise$80–120NearFormUnverifiedNone verifiedCondé Nast International, Everstream Analytics (self-reported)Enterprise full-stack, Node.js + React$80–120NetguruUnverifiedUnverifiedING, Volkswagen Financial (self-reported)SaaS product development$75–125BoldareUnverifiedUnverifiedUnverifiedSaaS product squads, agile builds$60–100BlazityYes (Silver)Sanity, Hygraph, Contentful (self-reported)CookUnity (70% LCP), Planday (4x dev velocity)Performance engineering, App Router migrations$70–110Makers' DenUnverifiedStoryblok (self-reported)UnverifiedReact e-commerce, composable commerce$65–105BrainhubUnverifiedUnverifiedUnverifiedStaff augmentation, SaaS frontends$70–120LemonhiveUnverifiedSanity, Storyblok, Payload (self-reported)UnverifiedHeadless for agencies and brands$80–13010CloudsUnverifiedUnverifiedPinterest (self-reported)AI-powered apps, fintech platforms$55–95RigbyUnverifiedUnverifiedUnverifiedB2B/B2C e-commerce platforms$60–100Halo LabUnverifiedUnverifiedCorel, Oppo (self-reported)UI/UX, SMB web apps$40–80
The 15 Next.js Development Agencies in EuropeEach Next.js agency entry follows a consistent schema: location and headcount, verified partnerships, documented client outcomes, primary project fit, tech stack, hourly rate estimate, and time zone. Where information is drawn from self-reported sources, this is stated.1. FocusReactive — Next.js Agency — London / Amsterdam / WarsawHourly rate: $75–125
Time zone: GMT/BST (London), CET/CEST (Amsterdam, Warsaw) — UTC to UTC+2FocusReactive operates within the modern React and headless CMS stack — Next.js App Router, Vercel, Sanity, Storyblok, Payload, and Contentful — with no generalist digital agency work alongside it. Their Next.js development services focus on two primary engagement types: headless CMS migrations from legacy platforms (WordPress, Drupal) and new multilingual Next.js website builds for SaaS companies that require editorial independence after launch.Documented delivery: The EasyPark project consolidated 20+ domains into a single Next.js and Storyblok platform supporting 35 languages across 14 countries, with a content system of 6,998 stories, 1,131 assets, and 125 component blocks managed post-launch by a three-person marketing team. The platform achieved top 1–5 search rankings in all active regions (source: FocusReactive case study, verified against EasyPark's public presence). Additional documented clients include TrafficGuard (Sanity-based composable marketing site, SEC-compliant) and EmailOctopus (WordPress to Payload CMS migration with Next.js App Router).Additional context: The team co-organises React Summit, JSNation, and related JavaScript conferences, which reflects a consistent investment in the React ecosystem beyond client delivery. FocusReactive also publishes technical comparisons of headless CMS platforms (Sanity vs Storyblok, Contentful vs Payload) as official partners of both platforms — an indicator of genuine multi-platform depth rather than single-vendor alignment.Best fit: SaaS companies requiring multi-market, multilingual headless CMS migrations; marketing teams that need editor independence after handover; enterprises migrating from WordPress or AEM to headless architecture.Stack: Next.js (App Router), Vercel, Sanity, Storyblok, Contentful, Payload CMS, TypeScript, Tailwind CSS, Shopify Hydrogen2. The Software House — Next.js Development Agency — Gliwice / WarsawHourly rate: $60–100
Time zone: CET/CEST (UTC+1/+2)Software House is a Poland-based custom software house with 12+ years of delivery history across web applications, cloud migrations, and modern frontend development. Their scale (80+ React and Next.js engineers by self-report) makes them a viable option for enterprises that need team extension alongside backend modernisation, rather than a pure frontend specialist. Clutch rating 4.9/5 across 60+ reviews (self-reported, unverified at time of writing).Documented delivery: No independently verified case studies with named clients and specific performance metrics were found at time of writing. Clutch reviews cite enterprise clients in manufacturing, fintech, and SaaS, but specific outcomes (Core Web Vitals scores, traffic changes, migration timelines) are not published.Best fit: Enterprise teams needing Next.js development alongside concurrent backend or cloud modernisation work; companies that require a larger augmentation team than boutique agencies can provide.Stack: Next.js, React, Node.js, TypeScript, AWS, .NET, microservices3. Dept — Next.js Website Agency — Amsterdam / Berlin / CopenhagenHourly rate: $100–150Time zone: CET/CEST (UTC+1/+2) for EU offices; global coverage across 30+ officesDept agency is one of the largest independent digital agencies in Europe, regularly cited in Gartner rankings for digital experience services. Their Next.js delivery happens within larger brand-driven digital transformation engagements rather than as a standalone React practice. The agency suits enterprise organisations that need design, strategy, and engineering in a single contract, and where Next.js is the chosen frontend framework within a broader platform rebuild.Documented delivery: Dept has documented work with global brands including Google, Audi, and Patagonia (self-reported). Specific Next.js App Router case studies with performance metrics were not found at time of writing.Best fit: Global enterprise brands running multi-region digital transformation programmes where Next.js is one component of a broader platform strategy.Stack: Next.js, React, Contentful, commercetools, Vercel4. Naturaily — Next.js Agency — Wrocław, PolandHourly rate: $50–99
Time zone: CET/CEST (UTC+1/+2)Naturaily is a Wrocław-based web development agency founded in 2012, specialising in headless commerce and content sites using Next.js, Jamstack architecture, and composable CMS platforms. Their documented project types include Shopify Plus headless storefronts, Next.js marketing site migrations from monolithic CMS platforms, and e-commerce builds requiring SEO and performance optimisation. Their published blog content on Next.js, headless CMS selection, and ISR strategy reflects active technical investment in the stack.Documented delivery: The Best IT case study documents a migration from a monolithic site to a Jamstack architecture using Next.js and Storyblok, including the scope of content consolidation and performance improvements (case study published on naturaily.com, specific metrics cited within). The n8n project involved building a scalable web solution for automated, API-rich content creation at high page volumes, with documented improvement to product visibility. Additional named clients include FGS Global and Urban (self-reported, partial detail).Best fit: Mid-market e-commerce brands and SaaS companies needing headless Shopify Plus builds or Next.js CMS-driven marketing sites with a performance and SEO focus.Stack: Next.js, React, Shopify Hydrogen, Storyblok, Sanity, Strapi, Node.js, Vercel5. Neoskop — Next.js Development Agency — Mannheim, GermanyHourly rate: $80–120
Time zone: CET/CEST (UTC+1/+2)Neoskop is a German-based web development company focused on SaaS and enterprise clients in the DACH region. Neoskop combines product strategy with software engineering delivery, making them a fit for DACH-market companies that value local market proximity and German data compliance standards alongside Next.js delivery. Their positioning emphasises mid-market SaaS rather than large enterprise transformation.Documented delivery: No independently verified case studies with named clients and performance metrics were found at time of writing. Self-reported client roster includes technology and B2B SaaS companies in Germany and Austria.Best fit: DACH-region SaaS companies that prioritise local agency relationship, German compliance standards, and product-level thinking alongside frontend delivery.Stack: Next.js, React, TypeScript, headless CMS platforms6. NearForm — Next.js Development Agency — Waterford, IrelandHourly rate: $80–120
Time zone: GMT/IST (UTC+0/+1) — strong overlap with UK and Western EuropeNearForm is an Irish enterprise software engineering company founded in 2011, with a primary specialisation in Node.js, React, and open-source JavaScript infrastructure. They are one of the most active contributors to the Node.js runtime globally and created Fastify — the high-performance Node.js web framework now widely used in enterprise backends. Their React and Next.js capability is deployed within large-scale enterprise digital transformation engagements, typically alongside backend modernisation, AI engineering, or data platform work rather than as standalone frontend delivery. Documented delivery: Condé Nast International (Node.js enterprise engagement, documented client quote on nearform.com). Everstream Analytics — NearForm built a data platform on AWS improving incident monitoring engagement by approximately 250% (stated in LinkedIn and conference materials). No specific Next.js App Router case studies with Core Web Vitals outcomes were found at time of writing.Best fit: Enterprises running complex Node.js backends who need a React/Next.js frontend layer delivered by the same team; organisations requiring open-source-first architecture and deep JavaScript runtime expertise alongside frontend delivery.Stack: React, Next.js, Node.js, TypeScript, Fastify, GraphQL, AWS, Google Cloud7. Netguru — Poznań / Warsaw, PolandHourly rate: $75–125
Time zone: CET/CEST (UTC+1/+2)Netguru is one of the most visible software engineering companies in international rankings, with a strong design-engineering integration model suited to early-stage and growth-stage SaaS products. Their Next.js work is delivered within a full product development lifecycle that includes UX design, product strategy, — making them a fit for companies building net-new SaaS platforms than for enterprises migrating existing infrastructure. Documented delivery: Self-reported clients include ING Bank, Volkswagen Financial Services, and Keller Williams. Specific Next.js App Router case studies with performance metrics were not found at time of writing.Best fit: Growth-stage SaaS companies that need a combined design and engineering partner to build a new product from scratch.Stack: Next.js, React, Ruby on Rails, TypeScript8. Boldare — Next.js Development Agency — Wrocław / Gdańsk, Poland
Hourly rate: $60–100
Time zone: CET/CEST (UTC+1/+2)Boldare operates as a product development partner, embedding within client teams to build SaaS products using agile delivery models. They are primarily suited to companies building net-new SaaS platforms rather than migrating existing ones. Their Next.js and React delivery is embedded within a full product lifecycle — design, engineering, testing, and iteration — rather than offered as a standalone frontend service. Clutch rating 4.9/5 (self-reported).Documented delivery: No independently verified case studies with named clients and specific Next.js performance metrics were found at time of writing. Clutch reviews reference SaaS clients across fintech, health, and enterprise software.Best fit: SaaS founders and enterprise innovation teams building net-new digital products under an agile retainer model.Stack: Next.js, React, TypeScript, headless CMS9. Blazity — Warsaw, Poland


Hourly rate: $70–110
Time zone: CET/CEST (UTC+1/+2)Blazity is a Warsaw-based software house operating exclusively within the Next.js and React ecosystem. They are one of the few European agencies where Next.js is not a service line alongside other technologies but the entire practice. Their work divides into four documented areas: performance engineering (diagnosing and resolving Core Web Vitals failures), platform migrations (from Angular, Vue, legacy React/Redux, WordPress, Drupal), full application builds, and production AI agent development on the Vercel AI SDK. Blazity ranked #33 on the Deloitte Technology Fast 50 Central Europe 2024 list, with reported revenue growth of 784% in the prior ranking cycle.Open source: Blazity maintains next-enterprise, an enterprise-grade Next.js boilerplate on GitHub built on the App Router with TypeScript, Tailwind CSS, Storybook, and unit, smoke, and e2e testing included. They also maintain a Next.js commerce starter kit and a Next.js Maintenance Mode middleware library.Best fit: Engineering teams with failing Core Web Vitals or stalled migrations; product organisations that need a senior Next.js architecture partner who transfers knowledge rather than creating dependency.Stack: Next.js (App Router), React, TypeScript, Vercel, Sanity, Contentful, Hygraph, Vercel AI SDK, Terraform (for infrastructure as code deployments)10. Makers' Den — Berlin, Germany -- ReactJS Web Agency
Hourly rate: $65–105
Time zone: CET/CEST (UTC+1/+2)Makers' Den is a Berlin-based product agency specialising in React and React Native development with headless CMS and composable commerce integrations. Their focus on custom, high-performance storefronts and full-stack applications positions them for startups and mid-sized businesses that need bespoke UI work alongside Shopify Hydrogen or Storyblok-driven content.Documented delivery: No independently verified case studies with named clients and specific performance metrics were found at time of writing.Best fit: Startups and mid-sized businesses building composable e-commerce storefronts or React-native cross-platform products.Stack: React, TypeScript, React Native, Storyblok, Node.js, Shopify Hydrogen11. Brainhub Software Development — Gliwice / Warsaw, Poland

Hourly rate: $70–120
Time zone: CET/CEST (UTC+1/+2)Brainhub is a software engineering agency whose primary engagement model is team extension — embedding senior engineers into client development teams rather than delivering end-to-end project builds. Their React and Next.js capability is oriented toward SaaS frontend development within existing engineering organisations. Clutch rating 4.9/5 (self-reported).Documented delivery: No independently verified case studies with named clients and specific Next.js outcomes were found at time of writing. Clutch reviews reference fintech and SaaS companies as clients.Best fit: Engineering teams that have an existing Next.js codebase and need senior frontend engineers embedded for 6–18 months rather than a full agency build.Stack: React, Node.js, .NET, TypeScript, AWS, React Native12. Lemonhive — London / Global

Hourly rate: $80–130
Time zone: GMT/BST (London, UTC+0/+1); global remote teamsLemonhive is a headless engineering consultancy focused on complex MACH (Microservices, API-first, Cloud-native, Headless) architecture builds. Their primary clients are digital agencies that need white-label Next.js and headless CMS delivery depth, and brands with complex integration requirements across commerce, CMS, and authentication layers.Documented delivery: No independently verified case studies with named clients and specific performance metrics were found at time of writing.Best fit: Agencies seeking a white-label Next.js engineering partner; brands with complex multi-system integrations requiring MACH architecture expertise.Stack: Next.js, Shopify Hydrogen, Sanity, Storyblok, Payload, React Native, SvelteKit13. 10Clouds — Warsaw, Poland
Hourly rate: $55–95
Time zone: CET/CEST (UTC+1/+2)10Clouds is a software company with a documented specialisation in AI-powered digital products, fintech platforms, and machine learning integrations. Their Next.js capability supports frontend delivery within backend-heavy product builds. They are better suited to projects where the primary engineering challenge is backend complexity or AI integration rather than frontend architecture or CMS-driven content operations. Self-reported clients include Pinterest and Displate.Documented delivery: Pinterest is cited as a client in self-reported materials. Specific Next.js App Router case studies with Core Web Vitals or performance outcomes were not found at time of writing.Best fit: Fintech or AI-product companies that need Next.js frontend work as part of a larger full-stack or AI-engineering engagement.Stack: React, Flutter, Python, Django, machine learning tooling, AI/LLM integrations, DevOps14. Rigby — Wrocław / Warsaw, Poland

Hourly rate: $60–100
Time zone: CET/CEST (UTC+1/+2)Rigby is a Polish e-commerce development agency focused on custom B2B, B2C, and multi-vendor commerce platforms. Their technical differentiation is depth in Medusa.js — an open-source headless commerce engine — alongside Next.js for the frontend layer. They are a narrow specialist: the right choice if you are building a custom marketplace, subscription platform, or multi-tenant commerce system, and a poor fit for CMS-driven marketing sites or SaaS dashboards.Documented delivery: No independently verified case studies with named clients and specific performance metrics were found at time of writing. Self-reported clients span North America, Europe, the Middle East, Africa, and Asia-Pacific.Best fit: Companies building custom B2B or B2C commerce platforms with complex models — marketplaces, subscriptions, multi-vendor, multi-tenant — on a modern headless stack.Stack: Next.js, React, Medusa.js, TypeScript, Node.js, composable commerce tooling15. Halo Lab — Odesa / Kyiv / Kharkiv, Ukraine

Hourly rate: $40–80
Time zone: EET/EEST (UTC+2/+3)Halo Lab is a full-service digital agency with a design-led delivery model, covering branding, UX design, web development, and QA in end-to-end project engagements. Their Next.js delivery sits within design-driven web app and marketing site builds rather than enterprise platform architecture. Self-reported clients include Corel and Oppo.Documented delivery: Corel and Oppo are cited in self-reported materials. Specific Next.js App Router case studies with Core Web Vitals or performance outcomes were not found at time of writing.Best fit: SMBs and startups that need end-to-end design and development in a single engagement, with competitive rates and high design quality as the primary requirement.Stack: React, Next.js, Webflow, CMS development, Node.js, UI/UX tooling, QA frameworksWhy Next.js Is the Default React Framework for SaaS and Enterprise Projects in 2026The React framework landscape has consolidated significantly over the past three years. According to the State of JavaScript 2025 survey — 13,000+ respondents, sponsored by Google Chrome and JetBrains — Next.js is used by 59% of JavaScript developers, making it the most adopted meta-framework by a significant margin.Three structural factors explain why Next.js framework has become the default choice for SaaS and enterprise frontend development in Europe specifically.Rendering flexibility within a single framework. Next.js supports SSG, SSR, ISR, React Server Components, and Partial Prerendering within a single project. This means the same engineering team handles performance-critical marketing pages, dynamic SaaS dashboards, and API routes without switching frameworks or splitting the codebase. The App Router, now the default since Next.js 13 and stabilised through versions 14 and 15, has matured into a production-ready foundation that engineering teams are actively building on rather than evaluating.Vercel's edge network for multi-market performance. European SaaS companies typically serve audiences across multiple countries and languages. Vercel's global CDN and edge middleware configuration deliver measurable Core Web Vitals improvements over traditional hosting setups, with direct impact on organic search performance in competitive European markets.Ecosystem maturity. The Next.js integration ecosystem — headless CMS platforms such as React CMS solutions (Storyblok, Sanity, Contentful, Payload), authentication providers (Clerk, Auth.js), commerce platforms (Shopify Hydrogen, Medusa), and observability tooling — has reached a level of maturity that substantially reduces integration risk. Native App Router support for draft mode, the Metadata API, route-level caching configuration, and the Vercel AI SDK for AI-powered features means most production requirements are covered without custom workarounds.Frequently Asked Questions about Next.JS1. What is a Next.js development agency?A Next.js agency is a software engineering company that specialises in building, migrating, and scaling web applications using Next.js — the React meta-framework maintained by Vercel. Unlike a general web development agency, a dedicated Next.js agency employs developers who work exclusively or primarily with Next.js, meaning they have hands-on experience with the App Router, React Server Components, Vercel deployments, and headless CMS integrations. When your Next.js project involves performance-critical rendering, multi-language content architecture, or a migration from a legacy platform, a specialist Next.js agency will make different, and usually better architectural decisions than a generalist team that treats Next.js as one tool among many.2. What does a Next.js agency typically charge in Europe?We can't garantee the 100% accuracy, because everything depends, but. Hourly rates for specialist Next.js agencies in Western Europe (UK, Netherlands, Germany) range from $80 to $150. Central European agencies (Poland, Ukraine) typically range from $40 to $100. Total Next.js project costs for a headless CMS migration or a new SaaS marketing site range from $30,000 to $200,000+ depending on content volume, language count, integration complexity, and post-launch support requirements. A Next.js project that involves multiple languages, CMS editorial workflows, and Vercel enterprise deployment will sit toward the upper end of that range regardless of the agency's day rate.
3. What is the difference between the App Router and Pages Router, and why does it matter when hiring a Next.js agency?The Pages Router is Next.js's original routing model, where each file in /pages becomes a route and data fetching happens via getServerSideProps or getStaticProps. The App Router, introduced in Next.js 13, uses a /app directory, supports React Server Components natively, and fundamentally changes how layouts, data fetching, and caching are structured. Vercel is actively developing new features (Partial Prerendering, improved caching primitives) exclusively for the App Router. A Next.js agency still defaulting to the Pages Router for new Next.js projects in 2026 is building on a model that will require migration in the near term — and signals they are not actively working at the current production standard.4. What built-in features does Next.js provide to improve SEO?Next.js aligns its rendering and optimisation defaults with what search engines and Core Web Vitals reward, making good SEO the path of least resistance rather than a bolt-on. The key mechanisms are:SSR and SSG deliver fully rendered HTML to crawlers, unlike client-side React apps that ship an empty <div>. Search engines index pre-rendered content far more reliably.The Metadata API (app/layout.tsx or generateMetadata()) lets you define <title>, <meta description>, Open Graph tags, and canonical URLs declaratively — per page or dynamically based on route params:export async function generateMetadata({ params }) {    return {      title: `Product: ${params.slug}`,      description: "...",      alternates: { canonical: `https://example.com/products/${params.slug}` },    };  }Automatic sitemap.xml and robots.txt are generated via convention-based files (app/sitemap.ts, app/robots.ts), keeping them dynamic and always in sync with your routes.Image optimisation via <Image> enforces correct sizing, serves modern formats (WebP/AVIF), and adds width/height attributes automatically — directly improving LCP and CLS scores.Font optimisation via next/font eliminates layout shift from web fonts by inlining font-face declarations and preloading — directly improving CLS.Streaming and React Server Components reduce TTFB and improve LCP by sending HTML progressively, benefiting both users and crawlers.Structured data (JSON-LD) is injected as a <script> tag in any Server Component, enabling rich results in search.A qualified Next.js agency treats all of these as standard delivery requirements, not optional enhancements.5. What headless CMS platforms work best with Next.js in 2026?
Sanity, Storyblok, Contentful, and Payload CMS are the four platforms with the deepest documented Next.js App Router integrations. Sanity and Storyblok have native visual editing and draft mode support for React Server Components. Payload is a TypeScript-first, self-hostable CMS that can be run within the same Next.js application. The right CMS choice depends on editorial workflow requirements, content model complexity, localisation needs, and whether the team wants a hosted or self-hosted solution.6. What should a Next.js agency deliver at project close?
A production-quality handover from a Next.js agency includes: a TypeScript codebase with automated tests (unit, integration, and ideally end-to-end); documentation covering content model schema, component architecture, and deployment processes; redirect mapping validated against the pre-launch crawl; a configured Vercel project with environment variables scoped correctly to staging and production; editor training and documentation for the CMS; and a defined post-launch support period with documented SLAs for critical and non-critical issues.7. When should I hire a Next.js agency instead of a freelancer? 
A freelancer is the right choice when scope is tight, the project is well-defined, and you need one or two specific skills — a performance audit, a CMS integration, a specific component build. A Next.js agency makes more sense when the project has moving parts that require multiple disciplines at once (architecture, frontend, CMS configuration, DevOps, QA), when the stakes of getting the architecture wrong are high, or when you need continuity after launch.
How I Build Web Applications in 2026
AI Coding Summit 2026AI Coding Summit 2026
31 min
How I Build Web Applications in 2026
Top Content
Kent C. Dodds discusses building web applications in 2026, highlighting the importance of user experience and challenges in offline video downloads. Recent AI advancements in the Epic Workshop app enable offline video downloads with features like bulk downloads and quality control. Efficient AI agent management using agents like Cursor transforms workflow. Leveraging Laravel and Ruby on Rails, Ask Mode enhances project understanding by communicating with AI agents. Emphasizing clear task scoping, iterative planning, and agent feedback improves project development. Utilizing MCP tools and agent workflow, including BugBot for code review, optimizes app development. Closing the agent loop and emphasizing architecture's role in utilizing agent input context are crucial. The talk invites developers to become experienced AI agent managers and join the mailing list for updates.
Automatic and Accessible Dynamic Themes With OKLCH Color Space
React Advanced 2025React Advanced 2025
18 min
Automatic and Accessible Dynamic Themes With OKLCH Color Space
Talk on building dynamic themes using Ocale CH ColorSpace. Personalized UI colors enhance user engagement and product uniqueness. Dynamic theming simplicity and challenges with RGB, HEX, and HSL color formats. KLCH color space: uniform lightness, simple modifications, and high accessibility. KLCH works like HSL but encodes lightness better, enabling practical dynamic theme implementation with CSS. Define lightness values visually for a custom palette mirroring tailwind CSS. Determine chroma for consistency using KLSH formula and user-selected hue. Check hue, adjust lightness and chroma for consistency. Develop Simple Hue Picker for hue selection. Transfer new colours into Tailwind CSS or use other CSS approaches. Use Colory Library for colour calculations.
Final Fantasy IX in React: Fighting the Browser, One Frame at a Time
React Advanced 2025React Advanced 2025
32 min
Final Fantasy IX in React: Fighting the Browser, One Frame at a Time
The speaker discusses various creative projects and game development ideas, including unique games like Katamari Node Modules and Command and Conquer Tiberium Jira. They delve into the technical advancements of Final Fantasy 9, suggesting rebuilding it with modern tools like Godot or Unity. Challenges of nostalgic development, design styling techniques, interactive UI development, and advanced 3D rendering in React are highlighted. The talk also covers efficient scene rendering techniques, character movement in 3D scenes, visual effects, game element recreation in React, challenges in 3D web development, and future game development plans.
React Server Components in Kubernetes: Ship Happens
React Advanced 2025React Advanced 2025
30 min
React Server Components in Kubernetes: Ship Happens
Premium
Jan discusses running components in Kubernetes, emphasizing the use of Docker containers and securing Docker images. Kubernetes ensures high availability by distributing load to healthy nodes and can spin up new nodes in case of failures. Next.js explains caching in React server components and the challenges in Kubernetes high availability setups. Strategies for optimizing data caching include avoiding caching authenticated routes and simplifying server components. The talk covers Kubernetes probes, React Router integration in Kubernetes, direct server action to Kafka, and handling component updates and pod failures. Entry into Kubernetes as a front-end engineer, embracing the Kubernetes journey, balancing caching strategies for app speed and accuracy, and dealing with version skew and service mesh are also discussed.
From Pull To Push? — It’s Time To Talk About Signals
React Summit US 2025React Summit US 2025
23 min
From Pull To Push? — It’s Time To Talk About Signals
Julian explores the importance of JavaScript signals, React's paradigm, and the evolution of paradigms in the JavaScript ecosystem. The evolution of state handling in JavaScript from pull to push approaches, the framework principles of state management and observables in JavaScript frameworks, React's signal handling, virtual DOM optimization, and the push approach. Simplified state management with signals and the challenges and solutions in implementing and optimizing signal handling in modern frameworks.
The Journey of a Pixel in a React Application
React Summit US 2025React Summit US 2025
24 min
The Journey of a Pixel in a React Application
Shem Magnezi discusses the importance of understanding web development technologies like React, HTML5, and WebSocket for optimizing websites and improving user experience. The challenges of website delivery include delivering a perfect user experience, slow network issues, DNS resolution complexities, and handling various resources efficiently. Optimization of HTML loading, resource compression, and prioritization are crucial for faster website delivery. Improving performance through code optimization, React best practices, and state management is key for enhancing user experience.
The Intent-Driven Web: How AI is Reshaping Frontend Development
TechLead Conference 2025: AI in OrgsTechLead Conference 2025: AI in Orgs
45 min
The Intent-Driven Web: How AI is Reshaping Frontend Development
The speaker recounts a frustrating drive-through experience on a family road trip, showcasing the challenges of AI implementation in noisy environments. Emphasis is placed on user-centric software development and the importance of strategic AI application. The discussion delves into user navigation difficulties, data collaboration hurdles, and the potential of generative UI for personalized experiences. Leveraging LLM for dynamic UI generation based on user intent is highlighted, along with its capabilities in contextual understanding and task orchestration. The use of varied prompts to enhance LLM performance and the significance of AI integration in user-centric testing are also explored.
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
React Summit 2025React Summit 2025
8 min
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
Elio's tips for perfect live coding: Minimize distractions, prepare well with light themes and larger fonts, adjust cursor style, avoid hover panels. Stay focused on one application during presentations. Changing settings for clarity, stressing the importance of tools like Demo Time for scripted presentations within Visual Studio Code, eliminating context switching between applications, and facilitating audience interaction with shared repositories. Exploring actions in Demo Time: creating code, opening files, highlighting code, and executing VS Code commands for a cleaner presentation. Utilizing Slides for Markdown presentations within Demo Time.
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
React Summit 2025React Summit 2025
5 min
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
Inosency Andembera, React developer, discusses using React for building scalable, secure, and inclusive applications for emerging markets like Malawi and Africa. Addressing challenges of Internet connectivity, device limitations, security concerns, and inclusivity for first-time Internet users. Utilizing React for performance, security, and inclusion in emerging markets through code splitting, lazy loading, authentication, input validation, multiple language support, and simple UIs. Highlighting React's features in enhancing inclusion by addressing challenges in emerging markets, such as limited digital literacy, creating simple UIs, supporting multiple languages, internationalization, step-by-step UIs, and semantic HTML for accessibility. Zunga, a financial platform in Malawi, showcases React's benefits in addressing financial service gaps, scalability, offline support, and security enhancements.
Make the Web Weird Again
React Day Berlin 2024React Day Berlin 2024
29 min
Make the Web Weird Again
I'm Elian, the lead developer at React Bricks, and today I will talk about the weird web and how we as developers have the power to make it even weirder. We can use APIs like the Battery Status API to manipulate websites based on battery levels, but we should also be cautious about its potential for misuse. Another interesting API is WebHID, which allows interaction with hardware devices through the web browser. Tejas introduces WebMIDI and demonstrates how it can be used to control web applications using MIDI devices. The speakers emphasize the importance of embracing the fun and weirdness of web development and encourage experimentation. They also discuss the tolerance for failure and the joy of pushing the limits in building unconventional projects. Overall, the Talk highlights the potential for creativity and innovation in web development.
CSS Is More Powerful Than You Think! Building React Search in CSS
React Advanced 2024React Advanced 2024
23 min
CSS Is More Powerful Than You Think! Building React Search in CSS
Hello, everybody. Today, I'm going to talk about how I solved actual challenges in React using only CSS. One of the main packages I maintain is EmojiPicker React, with hundreds of thousands of weekly downloads. It has all the features you'd expect from an EmojiPicker, but the search capability was slow. I managed to fix it using CSS. Let me show you how. The search functionality relies on global state and requires updating each emoji individually, resulting in excessive DOM work. Virtualization or virtual scrolling is not a viable solution due to the non-uniform emoji list. By examining the DOM, I discovered that each emoji had an area label with search-related information. This led me to investigate further and implement a solution from scratch. We create a new component called CSS search, which takes a value as a string. If the value is empty, we return null. We remove all emojis from the emoji list if there are search results. Emojis that match the search term are displayed. Performance is instantaneous. Empty categories are removed using the CSS has attribute. The CSS not and has selectors are used to remove empty categories. A counter is used to display the count of emojis found. By using flexbox and order, we can position the after element at the beginning of the list. CSS nesting allows us to nest everything under the emoji list, simplifying the structure. The performance of the search is still very fast. I created the flareup package, a CSS in JS library specifically for NPM packages. Flareup solves compatibility issues and works on SSR and CSR. Emoji-picker-react uses flareup to render emojis without JavaScript. Flareup places a style element on the DOM, making it easy to use.
Art & Entropy: Introducing Chaos to Your Frontend
React Summit 2024React Summit 2024
16 min
Art & Entropy: Introducing Chaos to Your Frontend
Welcome to the talk, Art & Entropy, Introducing Chaos in Your Front-End. Chaos engineering is a practice invented by Netflix in 2011 to observe how a system reacts to intentional disturbance. Applying chaos engineering to the frontend is experimental but necessary, as a broken frontend can negatively impact the user experience. Intentional perturbations in the frontend can be induced through various areas such as HTTP requests with slow 3G network or unstable Wi-Fi. Tools like chaos frontend toolkits can be used to experiment with chaos engineering in the frontend and embrace breakage as part of the application's story.
Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner
React Summit 2024React Summit 2024
22 min
Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner
This Talk provides an overview of an open-source guitar tuner project, covering topics such as pitch detection, web APIs for microphone access, implementation with React and XGS, and data visualization. It explores various pitch detection algorithms, including zero crossing, fast Fourier transform, and autocorrelation. The project utilizes the MediaStream API and Audio API to access user media. The implementation is done with React and Next.js, and includes a utility library for performing pitch estimation and detection. The Talk also discusses future improvements for the project, such as noise cancellation and chord detection.
Webdevelopment Tailored for 2024
React Summit 2024React Summit 2024
7 min
Webdevelopment Tailored for 2024
Today's Talk covers native features in browsers, including upcoming ones and the Interop Project. Native features offer speed, compatibility, and improved debugging. Notable examples include dynamic viewport units, flexbox/grid gap, container queries, and motion path. The Interop Project ensures consistent web platform features across different browsers. Upcoming features like native CSS nesting and entry/exit animations are on the horizon.
35 Years of WWW: Working as a Content Creator, Designer and Developer With the Coolest Medium Ever
C3 Dev Festival 2024C3 Dev Festival 2024
30 min
35 Years of WWW: Working as a Content Creator, Designer and Developer With the Coolest Medium Ever
The speaker, Christian Heilmann, is a VP of DevRel and has worked at Yahoo, Mozilla, and Microsoft. He emphasizes the importance of exploring and modifying games as a way to learn new skills and innovate. He also highlights the value of working in a limited environment and the opportunities it presents for creativity. He encourages developers to contribute to the web and be in control of their own creations. Lastly, he discusses the challenges of navigating the job market and the state of the web in relation to frameworks and npm packages.
Mastering Web Scraping with Scrapoxy: Unleash Your Data Extraction Wizardry!
Node Congress 2024Node Congress 2024
21 min
Mastering Web Scraping with Scrapoxy: Unleash Your Data Extraction Wizardry!
Fabien Vauchel is a software developer passionate about web scraping and the creator of Scrapoxy, a proxy aggregator. Isabella, a student, used web scraping to gather data for her trip tool. The talk discusses various techniques for web scraping, including using language models and proxies to bypass website protections. The speaker also introduces ScrapOxy, a super proxy aggregator, and explains how to integrate it into web scraping projects. The use of Playwright, a headless browser, is highlighted for handling fingerprint errors. Ultimately, the talk emphasizes the importance of adjusting time zones to successfully complete web scraping requests.
Building AI Applications for the Web
React Day Berlin 2023React Day Berlin 2023
98 min
Building AI Applications for the Web
Workshop
Roy Derks
Roy Derks
Today every developer is using LLMs in different forms and shapes. Lots of products have introduced embedded AI capabilities, and in this workshop you’ll learn how to build your own AI application. No experience in building LLMs or machine learning is needed. Instead, we’ll use web technologies such as JavaScript, React and GraphQL which you already know and love.
Superpowers of Browser's Web API
React Day Berlin 2023React Day Berlin 2023
30 min
Superpowers of Browser's Web API
Watch video: Superpowers of Browser's Web API
Today's Talk covers various web APIs and their functionalities, including the intersection observer API, screen wake lock API, background sync API, and broadcast channel API. The speaker emphasizes the importance of optimizing performance and using standardized code to reduce application bundle size. They also highlight the need for environmental responsibility in JavaScript development. The Talk addresses handling API support and modifying code to suit different browser implementations.
A Nerdy Guide to the Web Trending Concepts
React Day Berlin 2023React Day Berlin 2023
10 min
A Nerdy Guide to the Web Trending Concepts
Watch video: A Nerdy Guide to the Web Trending Concepts
Going to conferences can be overwhelming, so the speaker created a guide to trending web concepts using comic book characters. The chosen topic is resumability, and the story of Tony Stark is used to explain it. Resumability allows for immediate interactivity on a web page and is achieved through serialization and execution of code. The speaker challenges the audience to propose topics for future guides.
You's the Platform!
React Summit US 2023React Summit US 2023
18 min
You's the Platform!
Watch video: You's the Platform!
The Talk discusses the web platform and the speaker's experience with Remix. It covers issues with mutations and form data submission, fixing bugs, and discovering missing features. The speaker also talks about working on JS DOM and web standards, opening a pull request and making progress, and working on Chromium, Gecko, and Firefox. The Talk concludes with discussions on time to GA and documentation, as well as the speaker's contributions and takeaways.
Remix: Embracing Web Standards to Redefine Modern Web Development
React Advanced 2023React Advanced 2023
26 min
Remix: Embracing Web Standards to Redefine Modern Web Development
Top Content
Watch video: Remix: Embracing Web Standards to Redefine Modern Web Development
Remix is a web development framework that combines the scalability of server-rendered frameworks with the flexibility of React. It prioritizes web standards and best practices for security. Remix streamlines development with web standards like URLs, fetch API, HTML, and HTTP caching. It simplifies data handling through HTML forms and HTTP, improving user experience. Httpication in Remix reduces server load and speeds up response time, while global search and Storyblock make building complex websites easier.
I Run Code From the Internet!
React Advanced 2023React Advanced 2023
20 min
I Run Code From the Internet!
Watch video: I Run Code From the Internet!
npm packages are unsanitized inputs from the internet that we run without much scrutiny, so we need to address the issue of malicious packages. Lavamote offers proactive runtime protections to automatically detect and mitigate threats. Lava Mode uses Hardened JavaScript to provide isolation and enforce a policy for your application's build process. The talk introduces a webpack plugin for those who don't want to use the browserify ecosystem. Lavamote's behavior is explored, showcasing how it restricts package access to certain properties. Beta testing is open to gather feedback and improve Lava Mode.
Building Better React Debugging with Replay Analysis
React Advanced 2023React Advanced 2023
31 min
Building Better React Debugging with Replay Analysis
Watch video: Building Better React Debugging with Replay Analysis
Today's Talk focused on building better React dev tools with replay time travel analysis. The React DevTools provide valuable insights into React apps, using a fiber data structure to represent component instances. Replay is a time-traveling debugger for React, with plans to make Chrome their primary recording browser. They extract React information from recordings using their time travel API and have built a UI for debugging and inspecting the content. The long-term goal is to have Replay work offline and in permanent record mode.
Leveraging the Event Loop for Blazing-Fast Applications!
React Advanced 2023React Advanced 2023
35 min
Leveraging the Event Loop for Blazing-Fast Applications!
Watch video: Leveraging the Event Loop for Blazing-Fast Applications!
This talk covers the event loop, microtask queue, and provides a live demo. JavaScript is single-threaded but can perform tasks that only a multithreaded environment can. The event loop consists of a call stack and microtask queue, which allow JavaScript to run non-blocking operations. Leveraging the microtask queue can lead to significant performance improvements in applications, such as React. However, it is important to use it correctly to avoid issues like infinite loops.
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
JSNation 2023JSNation 2023
174 min
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
Top Content
WorkshopFree
Alba Silvente Fuentes
Roberto Butti
2 authors
This SvelteKit workshop explores the integration of 3rd party services, such as Storyblok, in a SvelteKit project. Participants will learn how to create a SvelteKit project, leverage Svelte components, and connect to external APIs. The workshop covers important concepts including SSR, CSR, static site generation, and deploying the application using adapters. By the end of the workshop, attendees will have a solid understanding of building SvelteKit applications with API integrations and be prepared for deployment.
Back to the Roots With Remix
React Summit 2023React Summit 2023
106 min
Back to the Roots With Remix
Workshop
Alex Korzhikov
Pavlik Kiselev
2 authors
The modern web would be different without rich client-side applications supported by powerful frameworks: React, Angular, Vue, Lit, and many others. These frameworks rely on client-side JavaScript, which is their core. However, there are other approaches to rendering. One of them (quite old, by the way) is server-side rendering entirely without JavaScript. Let's find out if this is a good idea and how Remix can help us with it?
Prerequisites- Good understanding of JavaScript or TypeScript- It would help to have experience with React, Redux, Node.js and writing FrontEnd and BackEnd applications- Preinstall Node.js, npm- We prefer to use VSCode, but also cloud IDEs such as codesandbox (other IDEs are also ok)
GraphQL in 2023 - Still Relevant?
React Summit 2023React Summit 2023
24 min
GraphQL in 2023 - Still Relevant?
Watch video: GraphQL in 2023 - Still Relevant?
Lenz Weber-Tronic
Jerel Miller
2 authors
Today we'll discuss whether GraphQL is still relevant in 2023, exploring its benefits and unique features. We'll cover caching data on the client, data normalization, and reducing redundancy. We'll also look at updating data with mutations and upcoming features like the defer directive. Additionally, we'll explore the power of GraphQL Federation and how it allows for observing changes and making informed decisions.
Bringing Controversial Ideas to React
React Summit 2023React Summit 2023
8 min
Bringing Controversial Ideas to React
Watch video: Bringing Controversial Ideas to React
This Talk discusses bringing controversial ideas to React, building a plugin architecture, and using Redux without the Connect method. It explores the implementation of plugins that inject functionality into the UI and the use of MobxStateTree. The Talk also highlights the challenges of connecting everything to Redux and the benefits of implementing custom re-renders for better performance. It emphasizes the importance of exploring new territories and embracing controversial ideas for new perspectives.
How (The Heck) Did We End Up Here?!
React Summit 2023React Summit 2023
6 min
How (The Heck) Did We End Up Here?!
Watch video: How (The Heck) Did We End Up Here?!
Web development has evolved significantly over the past 25 years, with the introduction of JavaScript and PHP. The choices for IDEs were limited, but local development was made easy with XAMP and deployment was as simple as FTP. Modern web development involves selecting a UI library or framework, deploying the front-end to platforms like Vercel or CloudFlare, and using serverless providers for persistent data. ORMs and query builders like Prisma and Drizzle facilitate communication with the database. Companies should prioritize delivering products over custom solutions to avoid unnecessary devops issues.
Zod === Typescript, but at Runtime in Your React Applications
React Summit 2023React Summit 2023
8 min
Zod === Typescript, but at Runtime in Your React Applications
Watch video: Zod === Typescript, but at Runtime in Your React Applications
Today's Talk discusses how Zod, an NPM library, can guarantee the TypeSystem at runtime, providing all the benefits of TypeScript. Zod's parse method allows for checking if objects match the schema, creating a validation layer between applications and APIs. By combining TypeScript with Zod, developers can ensure type safety at both runtime and build time, preventing code execution with incorrect data and improving the user experience.
Pushing Boundaries To The Edge
React Summit 2023React Summit 2023
9 min
Pushing Boundaries To The Edge
Watch video: Pushing Boundaries To The Edge
The Talk discusses the concept of the Edge and its role in content delivery networks (CDNs). CDNs are designed to improve the delivery of static content but cannot distribute dynamically generated content. Edge computing is a distributed network architecture that processes data close to the source or users, enabling personalization, geolocation-based dynamic content, AV testing, and content authentication. Frameworks like NexGIS, Bercel, Netlify, AWS, and Remix offer edge computing capabilities through edge functions or middleware, allowing execution of server-side logic closer to end users.
Modern Approaches for Creating Extremely Fast Websites
React Summit 2023React Summit 2023
24 min
Modern Approaches for Creating Extremely Fast Websites
Watch video: Modern Approaches for Creating Extremely Fast Websites
The Talk discusses performance optimization in software development and engineering. It covers topics such as optimizing requests, anticipating future needs, and comparing single-page apps to multiple-page apps. It also explores the advantages of single-page apps and the use of Remix for building pages. The Talk emphasizes code splitting, optimizing data fetching, and solving client-side state. It concludes with a discussion on pre-rendering, Remix adoption, and prerendering with React.
Reactivity: There and Back Again
React Summit 2023React Summit 2023
12 min
Reactivity: There and Back Again
Watch video: Reactivity: There and Back Again
The Talk discusses the cyclical nature of technology evolution, with examples from civil engineering and software development. It explores the shift from serverless to client-side frameworks and the recent move back towards server-side processing. The evolution of technologies and states is examined, highlighting the progression from mutability to immutability and the introduction of observable immutability. The future and next generation of reactivity are also explored, with a focus on the blurring boundary between server and client and the importance of embracing uncertainty and avoiding dogma.
From Idea to Production: React Development with a Visual Twist
React Summit 2023React Summit 2023
31 min
From Idea to Production: React Development with a Visual Twist
WorkshopFree
Omer Kenet
Omer Kenet
Join us for a 3-hour workshop that dives into the world of creative React development using Codux. Participants will explore how a visually-driven approach can unlock creativity, streamline workflows, and enhance their development velocity. Dive into the features that make Codux a game-changer for React developers. The session will include hands-on exercises that demonstrate the power of real-time rendering, visual code manipulation, and component isolation all in your source code.
Table of the contents: - Download & Setup: Getting Codux Ready for the Workshop- Project Picker: Cloning and Installing a Demo Project- Introduction to Codux Core Concepts and Its UI- Exercise 1: Finding our Feet- Break- Exercise 2: Making Changes While Staying Effective- Exercise 3: Reusability and Edge Case Validation- Summary, Wrap-Up, and Q&A
Build a Collaborative Notion-Like Product in 2H
JSNation 2023JSNation 2023
87 min
Build a Collaborative Notion-Like Product in 2H
WorkshopFree
Witek Socha
Witek Socha
You have been tasked with creating a collaborative text editing feature within your company’s product. Something along the lines of Notion or Google Docs.
CK 5 is a feature-rich framework and ecosystem of ready-to-use features targeting a wide range of use cases. It offers a cloud infrastructure to support the real-time collaboration system needs. During this workshop, you will learn how to set up and integrate CK 5. We will go over the very basics of embedding the editor on a page, through configuration, to enabling real-time collaboration features. Key learnings: How to embed, set up, and configure CK 5 to best fit a document editing system supporting real-time collaboration.
Table of contents:- Introduction to the CK 5 ecosystem.- Introduction to a “Notion-like” project template.- Embedding CK 5 on a page.- Basic CK 5 configuration.- Tuning up CK 5 for a specific use case.- Enabling real-time editing features.
Localizing Your Remix Website
React Summit 2023React Summit 2023
154 min
Localizing Your Remix Website
WorkshopFree
Harshil Agrawal
Harshil Agrawal
Localized content helps you connect with your audience in their preferred language. It not only helps you grow your business but helps your audience understand your offerings better. In this workshop, you will get an introduction to localization and will learn how to implement localization to your Contentful-powered Remix website.
Table of contents:- Introduction to Localization- Introduction to Contentful- Localization in Contentful- Introduction to Remix- Setting up a new Remix project- Rendering content on the website- Implementing Localization in Remix Website- Recap- Next Steps
0 to Auth in an hour with ReactJS
React Summit 2023React Summit 2023
56 min
0 to Auth in an hour with ReactJS
Top Content
WorkshopFree
Kevin Gao
Kevin Gao
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool. There are multiple alternatives that are much better than passwords to identify and authenticate your users - including SSO, SAML, OAuth, Magic Links, One-Time Passwords, and Authenticator Apps.
While addressing security aspects and avoiding common pitfalls, we will enhance a full-stack JS application (Node.js backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session securely for subsequent client requests, validating / refreshing sessions- Basic Authorization - extracting and validating claims from the session token JWT and handling authorization in backend flows
At the end of the workshop, we will also touch other approaches of authentication implementation with Descope - using frontend or backend SDKs.
React Remixed
Remix Conf Europe 2022Remix Conf Europe 2022
19 min
React Remixed
Remix is a full stack web framework that focuses on the user interface and works back to web standards. It eliminates render and fetch waterfalls in web applications, resulting in improved performance. Remix leverages the foundations of the web and combines them with features like HTTP caching and dynamic server rendering. It allows for progressive enhancement and speeds up the user experience. Remix is a powerful tool for web development with great potential for the future.
Build and Launch a personal blog using Remix and Vercel
Remix Conf Europe 2022Remix Conf Europe 2022
156 min
Build and Launch a personal blog using Remix and Vercel
Workshop
Robert Pop
Robert Pop
In this workshop we will learn how to build a personal blog from scratch using Remix, TailwindCSS. The blog will be hosted on Vercel and all the content will be dynamically served from a separate GitHub repository. We will be using HTTP Caching for the blog posts.
What we want to achieve at the end of the workshop is to have a list of our blog posts displayed on the deployed version of the website, the ability to filter them and to read them individually.
Table of contents: - Setup a Remix Project with a predefined stack- Install additional dependencies- Read content from GiHub- Display Content from GitHub- Parse the content and load it within our app using mdx-bundler- Create separate blog post page to have them displayed standalone- Add filters on the initial list of blog posts
Astro & Fresh - Understanding the Islands Architecture
React Advanced 2022React Advanced 2022
21 min
Astro & Fresh - Understanding the Islands Architecture
The islands architecture is a new way to build websites with low or no JavaScript, using libraries like Astro and Fresh. Server-side rendering improves SEO and loading times, but can still result in large JavaScript payloads. Hydration allows for islands of interactivity, loading only necessary JavaScript. Astro is a framework for implementing the islands architecture, supporting multiple libraries like React and SolidJS. It enables progressive migration between frameworks and integration of different libraries in the same project.
Separating Separation of Concerns
React Advanced 2022React Advanced 2022
7 min
Separating Separation of Concerns
My concern is to accomplish my understanding of my concern. A to do app can have more than just managing tasks. Crosscutting concerns should be co-located. Separation of concerns is an effective technique for ordering thoughts. React is not slower than JS. React may be closer to a library with a concern of scheduling. Rerendering components too often is a problem in React. React is a state management library that helps in separating concerns and states, resulting in a more efficient and readable app. Proper separation of concerns, states, and components leads to smaller, faster, lighter, and more readable components.
Keep Calm and Deploy On: Creating Safer Releases with Feature Flags
React Advanced 2022React Advanced 2022
7 min
Keep Calm and Deploy On: Creating Safer Releases with Feature Flags
Feature flags can be used to mitigate risk in software development by altering the visibility of features to end users. By using flags, you can protect against single points of failure and pivot to a fallback service in worst-case scenarios. Monitoring and managing complexity is crucial, and using feature flags allows for dynamic changes and adjusting values based on proven correctness. Operating in the unknown is inevitable in software development, so it's important to manage complexity and embrace learning. Collaboration is key in making feature failures less painful.
Developing and Driving Adoption of Component Libraries
React Advanced 2022React Advanced 2022
22 min
Developing and Driving Adoption of Component Libraries
Logan Ralston
Lachlan Bradford
2 authors
Today's Talk discusses the importance of a good component API and the balance between rigidity and flexibility. The demo showcases the gradual evolution of a component's configurability while maintaining ease of use. Measuring the effectiveness of a component library involves factors like adoption rate and component coverage. Collecting data and embracing breaking changes are crucial for continuous improvement. Ensuring consumers are updated and on the cutting edge is a responsibility of the library provider.
Instant websites using Fresh and Deno on the Edge
React Advanced 2022React Advanced 2022
33 min
Instant websites using Fresh and Deno on the Edge
The Talk discusses the concept of instant websites, aiming to minimize the time between user interaction and unblocking the user. It emphasizes prioritizing the loading of primary content and delaying the loading of secondary content to improve page loading times. Server-side rendering is highlighted as a faster alternative to client-side rendering, reducing network round trips and improving rendering times. The concept of island architecture is introduced, where only the JavaScript needed for interactive components is shipped to the client. The Fresh web framework is presented as a speed-focused framework for Deno, offering automatic CSS inlining and using Preact for client-side interactivity.
Blurring the Lines Between the Web Developer Roles
React Advanced 2022React Advanced 2022
7 min
Blurring the Lines Between the Web Developer Roles
This Talk provides an introduction to the framework and tools used in full-stack development, with a focus on AWS Amplify. It showcases the ability to quickly design, code, and test full-stack applications with authentication and authorization using Amplify. The deployment process is simplified with Amplify, allowing developers to easily deploy their applications to AWS. Overall, this Talk highlights the convenience and efficiency of using Amplify for full-stack development with AWS services.
Back to the Future
React Advanced 2022React Advanced 2022
30 min
Back to the Future
The speaker shares their personal journey in the software development field, from starting in technology after college to experiencing burnout and taking steps towards self-care. They emphasize the power of technology and accessibility, as well as the emergence of edge computing. The speaker introduces their project, the Multiplayer Development Kit, and discusses the challenges of building real-time multiplayer apps. They also highlight the importance of work-life balance and personal growth in the industry.
Docker 101 - Intro to Container
JSNation 2022JSNation 2022
116 min
Docker 101 - Intro to Container
Workshop
Shy Ruparel
Shy Ruparel
Software Containers are quickly becoming an essential tool in every developer's toolbelt. They make it easy to share, run, and scale code. In this talk you'll learn how to use Docker to write better, more sharable software. In this workshop Sr. Developer Advocate at Docker, Shy Ruparel, will walk you through getting started with Docker. He'll covers setting up Docker, running your first container, creating a basic web application with Python and Docker, and how to push the Docker Image to DockerHub. He'll share why you'd even want to use containers in the first place and how they enable a developer to write better, more shareable software.
GraphQL - From Zero to Hero in 3 hours
React Summit 2022React Summit 2022
164 min
GraphQL - From Zero to Hero in 3 hours
Workshop
Pawel Sawicki
Pawel Sawicki
How to build a fullstack GraphQL application (Postgres + NestJs + React) in the shortest time possible.
All beginnings are hard. Even harder than choosing the technology is often developing a suitable architecture. Especially when it comes to GraphQL.
In this workshop, you will get a variety of best practices that you would normally have to work through over a number of projects - all in just three hours.
If you've always wanted to participate in a hackathon to get something up and running in the shortest amount of time - then take an active part in this workshop, and participate in the thought processes of the trainer.
Remix Fundamentals
React Summit 2022React Summit 2022
136 min
Remix Fundamentals
Top Content
Workshop
Kent C. Dodds
Kent C. Dodds
Building modern web applications is riddled with complexity And that's only if you bother to deal with the problems
Tired of wiring up onSubmit to backend APIs and making sure your client-side cache stays up-to-date? Wouldn't it be cool to be able to use the global nature of CSS to your benefit, rather than find tools or conventions to avoid or work around it? And how would you like nested layouts with intelligent and performance optimized data management that just works™?
Remix solves some of these problems, and completely eliminates the rest. You don't even have to think about server cache management or global CSS namespace clashes. It's not that Remix has APIs to avoid these problems, they simply don't exist when you're using Remix. Oh, and you don't need that huge complex graphql client when you're using Remix. They've got you covered. Ready to build faster apps faster?
At the end of this workshop, you'll know how to:- Create Remix Routes- Style Remix applications- Load data in Remix loaders- Mutate data with forms and actions
Scale Your React App without Micro-frontends
React Summit 2022React Summit 2022
21 min
Scale Your React App without Micro-frontends
This Talk discusses scaling a React app without micro-frontend and the challenges of a growing codebase. Annex is introduced as a tool for smart rebuilds and computation caching. The importance of libraries in organizing code and promoting clean architecture is emphasized. The use of caching, NxCloud, and incremental build for optimization is explored. Updating dependencies and utilizing profiling tools are suggested for further performance improvements. Splitting the app into libraries and the benefits of a build system like NX are highlighted.
Design-Driven Full-stack: an End-to-End Dev Workflow that Scales
React Summit 2022React Summit 2022
32 min
Design-Driven Full-stack: an End-to-End Dev Workflow that Scales
This Talk discusses the challenges of building full stack applications and introduces Redwood.js as a solution. It emphasizes the importance of design-driven workflows and the use of Redwood Cells to handle state and simplify complex tasks. The Talk also highlights the seamless integration between the front end and back end using mock data and the optimization of workflow for performant teams. It concludes with a mention of Redwood's authentication features and the importance of community and collaboration.
You Do Have Time to Build it Twice
React Summit 2022React Summit 2022
21 min
You Do Have Time to Build it Twice
Top Content
Today's Talk focuses on software rewrites, specifically the transition from jQuery to React. The speaker shares their experience of rewriting a jQuery app to React, highlighting the benefits of the rewrite in terms of improved user experience and increased conversions. Approaches to software rewrites are discussed, including the page-by-page approach which allows for product innovation. The speaker emphasizes the importance of prioritizing rewrites or refactors for startups. The Talk concludes with insights on testing, server-side functionality, and the overall value of the rewrite.
Handling Data at Scale for React Developers
React Summit 2022React Summit 2022
23 min
Handling Data at Scale for React Developers
This Talk discusses handling data at scale for React developers, including scaling databases and the need for search. It explores different ways to fetch data in React, such as using useEffect, fetch, and setState. The Talk also introduces Suspense for data fetching and how it improves user experience. It covers controlling React Suspense, handling search, and using render-as-you-fetch. The Talk concludes with a discussion on the RFC status and fetching in event handlers.
Deploying a decoupled restaurant review site to production with Strapi and Platform.sh
Node Congress 2022Node Congress 2022
134 min
Deploying a decoupled restaurant review site to production with Strapi and Platform.sh
Workshop
Shedrack Akintayo
Chad Carlson
2 authors
Node.js has become an increasingly popular language to build and deploy backend APIs. In a world of legacy CMSs adopting decoupled implementations, plenty of frameworks have sprung up to classify themselves as "headless" CMSs, designed from the start to provide an easy way to personalize content models, administer permissions and authentication, and serve a content API quickly.
Strapi, one of the leaders in this space, has recently released their v4 version of the framework, and with Platform.sh it can be deployed alongside a number of frontends within the same project, giving a drastically simplified development experience working with decoupled sites. In this workshop, we'll deploy a Strapi demo application, which has been configured to serve a restaurant review site.
Piece piece you will add database services, tests, and frontends, all within the safety of isolated development environments. At the end, each user will have a functioning decoupled site, and some greater understanding of working with decoupled sites in production.
Vue3: Modern Frontend App Development
Vue.js London Live 2021Vue.js London Live 2021
169 min
Vue3: Modern Frontend App Development
Top Content
Workshop
Mikhail Kuznetsov
Mikhail Kuznetsov
The Vue3 has been released in mid-2020. Besides many improvements and optimizations, the main feature of Vue3 brings is the Composition API – a new way to write and reuse reactive code. Let's learn more about how to use Composition API efficiently.

Besides core Vue3 features we'll explain examples of how to use popular libraries with Vue3.

Table of contents:
- Introduction to Vue3
- Composition API
- Core libraries
- Vue3 ecosystem

Prerequisites:
IDE of choice (Inellij or VSC) installed
Nodejs + NPM
Asynchronous UX
React Advanced 2021React Advanced 2021
21 min
Asynchronous UX
Top Content
Today's Talk covers the importance of building Asynchronous UX with React and single-page applications, providing code and UX examples. It explores data fetching, adding progress indicators, handling errors, and user-initiated actions. The Talk also discusses handling component unmounts, multiple actions, idempotency, and context loss. Finally, it touches on considerations for optimistic updates and the use of CRDT or other technologies for collaborative applications.
Debugging a Non Reproducible Crash
React Advanced 2021React Advanced 2021
20 min
Debugging a Non Reproducible Crash
The Talk discusses a vicious bug that caused 20,000 crashes in a JS application. The bug was an array index out of bounds exception in the SimplePool class. The team used a debugger to analyze the bug and discovered a race condition caused by an upgrade to React Native SVG. They collaborated with React Native contributors to fix the issue and deployed a patched version. The Talk emphasizes the importance of using a crash reporting tool, monitoring release health, and learning from bugs and source code analysis.
Automate your stack with GraphQL
React Finland 2021React Finland 2021
22 min
Automate your stack with GraphQL
Lukas will demonstrate how you can have your backend GraphQL in sync with your frontend code on a framework agnostic way.
- Having the advantage of autocompletion while writing the GraphQL queries IDE support- Built in type safety through static schemas- Automatic generated frontend code for your framework of choice (React, Vue.js, Angular)- Having everything rebuild through a built in watch mode
SolidJS - Reactive JSX
React Finland 2021React Finland 2021
28 min
SolidJS - Reactive JSX
An introduction to SolidJS UI Library. Explore an example to show the similarity and differences between Hook + Virtual DOM versus Reactivity + DOM.
Going Live from your Browser without WebRTC
React Summit Remote Edition 2020React Summit Remote Edition 2020
13 min
Going Live from your Browser without WebRTC
Mux provides an API for live streaming and aims to keep users in their own applications. Live broadcast and live chat are different, with live chat using WebRTC and live broadcast using RTMP and HLS. WebRTC can be implemented using headless Chrome or the getUserMedia process. Mux targets developers building platforms and suggests using semantic HTML. Ionic supports native apps and custom native views.
Controlling Apps with Your Mind and AI
React Summit Remote Edition 2020React Summit Remote Edition 2020
25 min
Controlling Apps with Your Mind and AI
This Talk explores controlling apps with the mind and the future of UI and UX. It discusses the integration of VR and AR into UI and UX, the understanding of neurons and EEG headsets, connecting to Muse via Bluetooth, measuring brain waves and blink detection, feeding data to machine learning, and mind control with AR. The speaker emphasizes the importance of learning React Native, AR, React, Bluetooth, and drones for those interested in exploring these topics.
Zero to Production with Fullstack GraphQL and React with Hasura team
React Summit 2020React Summit 2020
162 min
Zero to Production with Fullstack GraphQL and React with Hasura team
Workshop
Allison Kunz
Allison Kunz
Hasura is a free and open-source GraphQL Engine that can help supercharge your GraphQL adoption, whether it is for a new application or for an existing one. The workshop will cover:
- A basic introduction to GraphQL- Using GraphQL to make CRUD operations from a React application- Setting up access controls to data- Building real-time components in React using GraphQL Subscriptions- Wrapping existing REST APIs with GraphQL servers that can be deployed on serverless platforms, and then merging them into a single endpoint using Remote Schemas- Triggering serverless functions on database events- In short, we’ll go through how React developers can adopt realtime GraphQL and serverless.
We Are All Hemingway
React Summit 2020React Summit 2020
22 min
We Are All Hemingway
This Talk covers important tips for software development, focusing on React. Starting with what you know and building on it is emphasized. Asking the right questions and simplifying components demonstrates seniority. Reading code and asking questions are crucial for finding better solutions. The connect function in React Red Hook's library and the function-as-child component pattern are highlighted. Writing code that is easy for others to understand and maintain is emphasized. The importance of retrying on the server and refactoring for the ecosystem is mentioned.
Accessibility as a First Class Citizen
React Summit 2020React Summit 2020
24 min
Accessibility as a First Class Citizen
TypeScript and React are popular languages for software development. Accessibility is important for inclusivity and preventing lawsuits. Building accessibility from the start is crucial, considering design and engineering aspects. Tooling for React Native accessibility is limited. Setting the accessible prop and role in components is essential for screen reader users. The React Native documentation is helpful, but some accessibility needs may require additional attention.
Getting Weird with Video Manipulation and HTML5 Canvas
React Summit 2020React Summit 2020
16 min
Getting Weird with Video Manipulation and HTML5 Canvas
Today's Talk at React Summit focused on the Canvas and HTML5 video APIs, showcasing the capabilities and possibilities they offer for video manipulation and interactivity. The speaker demonstrated how to use the HTML5 video element and canvas to manipulate and draw images, apply filters, and add real-time text overlays. They also showcased real-time object detection on video frames using machine learning. The Talk concluded with an example of enhancing a marketing website with interactive video using the canvas element. Overall, the Talk highlighted the power and potential of these APIs for video development.
Improve Your SEO
React Summit 2020React Summit 2020
8 min
Improve Your SEO
We're introducing our new release and livestream, explaining mobile-first indexing and its impact on SEO. Teachers Pay Teachers faced challenges with Google's move to mobile-first indexing, prompting them to optimize their mobile pages. They combined teams, tested performance, increased page speed, fixed structured data issues, and showed hidden content to improve search ranking. To optimize mobile pages for Googlebot, it is important to update mobile content, increase page speed, and test performance and SEO.
Let the Main Thread Breathe!
React Summit 2020React Summit 2020
35 min
Let the Main Thread Breathe!
Let's explore how to improve web application performance by offloading tasks from the main thread to other threads. We need to ensure compatibility with all devices and users to avoid frustrating experiences. Web Workers and Web Assembly can help improve performance by offloading tasks, but there are trade-offs to consider. Converting existing codebases to WebAssembly can be done gradually, and it's important to measure performance before making the conversion.
Put Down the Javascript – Level Up with the Fundamentals of Web Development
JSNation Live 2021JSNation Live 2021
11 min
Put Down the Javascript – Level Up with the Fundamentals of Web Development
This Talk provides insights into web development fundamentals and the challenges faced in React setup. It emphasizes the importance of building a strong foundation with HTML and CSS, and highlights the significance of SEO and accessibility in website development. The Talk also discusses the value of HTML, lists, and simplicity in coding. Overall, it offers practical advice for developers to level up their skills in web development.
Turning the Cloud Inside Out
React Summit Remote Edition 2021React Summit Remote Edition 2021
36 min
Turning the Cloud Inside Out
Today's Talk discusses turning the cloud inside out using GraphQL, highlighting its benefits such as type validation, real-time capabilities, and query efficiency. It explores the use of GraphQL as an API gateway, particularly in the context of microservices, third-party APIs, and blockchain. The talk also covers the efficient indexing and cloud integration offered by GraphQL, as well as building cloud APIs with AWS using API Gateway and AWS AppSync. It concludes with insights on deploying GraphQL APIs with tools like Amplify and CDK, and creating GraphQL APIs backed by Lambda and DynamoDB.