Forem: adityasingh borana

How to Build a Headless Shopify Store with Next.js in 2026

adityasingh borana — Tue, 12 May 2026 10:01:35 +0000

Liquid syntax error: Variable '{{% raw %}' was not properly terminated with regexp: /\}\}/

Shopify vs Next.js for Ecommerce in 2026 — When to Choose Each

adityasingh borana — Tue, 12 May 2026 09:45:38 +0000

The Wrong Way to Think About This Question

Most "Shopify vs Next.js" articles declare a winner. That's the wrong framing entirely. These are tools built for different problems. Shopify is a hosted ecommerce platform. Next.js is a React framework. Comparing them directly is like comparing a prefab house to a construction company — one gives you a finished product, the other gives you the capability to build anything.

The right question is: which one fits your specific situation? Budget, timeline, technical capability, scale, and SEO goals all feed into that answer. This guide breaks each one down honestly so you can decide.

What Shopify Actually Is

Shopify is a fully hosted ecommerce platform. You pay a monthly subscription and get a complete ecommerce system — store hosting, checkout, payment processing, inventory management, order fulfilment, fraud detection, email notifications, and a theme-based frontend builder.

You don't manage servers, databases, or deployments. Shopify handles all of it. You focus on products, pricing, and marketing.

Shopify Pros

ProsDetails

Fast to launchA basic store can go live in days, not months
No server managementHosting, SSL, uptime — all handled by Shopify
Checkout is built-inPCI-compliant, battle-tested, supports 100+ payment gateways
App ecosystem8,000+ apps for subscriptions, reviews, loyalty, shipping, and more
Built-in analyticsSales reports, customer data, inventory tracking out of the box
Shopify PaymentsNo third-party gateway needed — accept cards directly
Multi-channel sellingSell on Instagram, TikTok, Amazon, and eBay from one dashboard
24/7 supportLive chat and email support on all plans
Automatic updatesPlatform updates, security patches, checkout improvements — automatic
Mobile appManage your store from your phone

Shopify Limitations and Cons

LimitationsDetails

Monthly fees forever$39–$399/month regardless of revenue — costs compound as you scale
Transaction fees0.5–2% on every sale if you don't use Shopify Payments
Checkout is lockedYou cannot fully customise checkout on Basic/Shopify plans — Shopify Plus ($2,000/month) required for custom checkout
URL structure is fixedProducts always at /products/[handle], collections at /collections/[handle] — cannot be changed
Theme limitationsShopify's Liquid templating has limits — complex custom functionality requires workarounds or expensive apps
App dependencyMany essential features require paid apps — costs stack up ($10–$100/month per app)
Page speed ceilingCannot fully control Core Web Vitals — Shopify's infrastructure limits maximum performance
SEO constraintsLimited control over canonical URLs, structured data, and JavaScript rendering
Data ownershipYour store data lives in Shopify's infrastructure — migrating away is painful
Blogging is basicShopify's blog functionality is minimal compared to a custom CMS
No server-side logicCannot run custom server-side code without building a separate app
Platform riskShopify can change pricing, policies, or features at any time

What Next.js Actually Is

Next.js is an open-source React framework built by Vercel. It handles routing, server-side rendering, static site generation, image optimisation, and API routes — but it has zero ecommerce functionality out of the box.

To build an ecommerce store with Next.js, you need to pair it with a backend. The most common options are Shopify's Storefront API (headless Shopify), Medusa (open source), or a custom database. You build the cart, checkout, and payment flow yourself — or use Stripe directly.

Next.js Pros

ProsDetails

Complete design freedomNo theme system, no constraints — build exactly what your brand needs
Maximum performanceSub-second load times achievable — full control over Core Web Vitals
SEO ceiling is higherComplete control over rendering, structured data, URL structure, and metadata
Server ComponentsProduct pages rendered as HTML on the server — Google gets fully rendered content
No platform feesNo monthly SaaS fee — hosting on Vercel starts free
No transaction feesUse Stripe or any payment gateway directly — no percentage cut to a platform
Custom checkoutBuild exactly the checkout flow your conversion rate needs
Data ownershipYour data lives in your database — you control it entirely
API flexibilityConnect to any backend, ERP, PIM, or custom system
No vendor lock-inSwitch hosting, databases, or payment providers freely
Content + commerceBlog, product pages, and landing pages all in one codebase
Scalable architectureCan handle millions of products and complex custom logic

Next.js Limitations and Cons

LimitationsDetails

High development costA production-ready Next.js store costs $5,000–$50,000+ to build
Requires a development teamNot a no-code tool — you need React/Next.js developers
Longer time to launchWeeks to months, not days
You build everythingCart, checkout, payments, order management, email notifications — all custom
Ongoing maintenanceYou're responsible for updates, security patches, and infrastructure
No built-in app ecosystemNo equivalent to Shopify's 8,000 apps — build or integrate each feature
Payment complexityBuilding a full checkout with tax, shipping, and fraud detection takes significant effort
No built-in analyticsNeed to integrate GA4, Mixpanel, or custom analytics separately
Developer dependencyEvery change requires a developer — non-technical teams cannot manage independently
Infrastructure managementEven on Vercel you manage databases, environment variables, and deployments

Side-by-Side Comparison

FactorShopifyNext.js

Launch timeDaysWeeks–months
Upfront costLow ($0–$500)High ($5,000–$50,000+)
Monthly cost$39–$399/month + apps$0–$50/month hosting
Transaction fees0.5–2% without Shopify Payments0% — direct Stripe
Design freedomLimited by theme systemComplete freedom
Page speedGood (limited ceiling)Excellent (full control)
SEO controlPartialComplete
Custom checkoutPlus plan only ($2,000/month)Full control
Technical skill neededLowHigh
App ecosystem8,000+ appsBuild or integrate yourself
Data ownershipShopify's serversYour servers
MaintenanceAutomaticManual
Time to first saleFastSlow

Choose Shopify When...

You're launching a new store and need to move fast. Shopify gets you live in days. If you're validating a product idea or need to start selling immediately, Shopify is the right choice. Don't spend three months building a custom stack before you know your product sells.

You sell physical products and need logistics integrations. Shopify's app ecosystem covers every major shipping carrier, fulfilment service, and inventory management system. Building these integrations from scratch in Next.js is expensive and time-consuming.

You don't have a development team. Shopify is designed to be managed by non-technical people. You can update products, run promotions, and manage orders without touching code.

Your monthly revenue is under $50,000. At this scale, Shopify's fees as a percentage of revenue are reasonable. The cost of building and maintaining a custom stack rarely makes financial sense below this threshold.

You need Shopify's app ecosystem. Subscriptions, reviews, loyalty programs, advanced shipping rules — these are solved problems on Shopify. On Next.js you're building or paying for custom integrations for each one.

Choose Next.js When...

Page speed is a competitive advantage. If you're in a category where conversion rate differences matter at scale — luxury goods, high-ticket products, high-volume stores — the performance ceiling of Next.js justifies the investment.

SEO is your primary growth channel. Next.js gives you complete control over server-side rendering, structured data, URL architecture, and Core Web Vitals. If organic search is where your customers come from, this control compounds over time.

Your store needs complex custom functionality. Multi-brand storefronts, custom B2B pricing logic, complex product configurators, integration with legacy ERP systems — these are cases where Shopify's constraints become blocking issues.

You're building content and commerce together. If your store is as much a content platform as a shop — editorial content, deep product stories, interactive experiences — a custom Next.js build gives you the flexibility to do both properly in one codebase.

You have an existing React development team. If you already have developers who know React, Next.js is a natural extension. The incremental cost of going custom vs Shopify is much lower when the team is already in place.

The Third Option — Headless Shopify with Next.js

You don't have to pick one or the other. Headless Shopify uses Shopify as the backend — handling inventory, payments, orders, and fulfilment — while Next.js powers the frontend that customers see.

You get Shopify's operational infrastructure with Next.js's performance and design freedom. The checkout redirects to Shopify's hosted checkout, so payment processing remains battle-tested and PCI-compliant.

The tradeoff: you're paying both costs. Shopify's monthly fee plus the development cost of building and maintaining a Next.js frontend. This makes sense for stores doing $500,000+ annually where the performance and SEO gains justify the investment.

For a full walkthrough of how to build this, see our guide on building a headless Shopify store with Next.js.

Real Cost Comparison (USD)

Shopify over 12 months:

Basic plan: $39/month = $468/year

Shopify plan: $105/month = $1,260/year

Advanced plan: $399/month = $4,788/year

Essential apps (reviews, subscriptions, email): $100–$300/month = $1,200–$3,600/year

Theme: $200–$400 one-time

Transaction fees without Shopify Payments: 0.5–2% of revenue

Next.js custom build:

Development: $5,000–$50,000 one-time depending on complexity

Vercel hosting: $0–$20/month

Database: $0–$50/month

Stripe: 2.9% + $0.30 per transaction

Ongoing maintenance without in-house developers: $500–$2,000/month

Headless Shopify + Next.js: Shopify plan fees combined with Next.js development cost. Best ROI at $500,000+ annual revenue.

SEO — The Honest Comparison

Both platforms can rank well on Google. The difference is ceiling and control.

Shopify SEO strengths: Automatic sitemaps, built-in canonical tags, mobile-optimised themes, fast CDN delivery globally.

Shopify SEO limitations: Cannot change the /products/ and /collections/ URL structure. JavaScript-heavy themes can hurt Core Web Vitals. Limited control over structured data. Blog functionality is basic compared to a dedicated CMS.

Next.js SEO strengths: Complete URL control, server-side rendering means Google gets fully rendered HTML, full control over structured data and metadata, image optimisation built-in, Core Web Vitals fully controllable.

Next.js SEO limitations: You build and maintain all SEO infrastructure yourself — sitemaps, robots.txt, canonical tags, structured data, Open Graph. None of it comes for free.

In practice, a well-optimised Shopify store and a well-optimised Next.js store can rank equally well for most keywords. The Next.js advantage compounds at scale — when page speed differences affect thousands of pages and competitive keywords where every millisecond matters.

FAQ — Shopify vs Next.js

Can I migrate from Shopify to Next.js later?

Yes but it's not trivial. Product data exports cleanly from Shopify. Customer data and order history require custom migration scripts. URLs will change unless you set up careful redirects — which will affect your existing rankings. Plan the migration carefully if you have SEO equity built up.

Does Next.js work with Shopify's checkout?

Yes — this is exactly what headless Shopify does. Your Next.js frontend handles browsing and cart, then redirects to Shopify's hosted checkout for payment. You get Next.js performance with Shopify's battle-tested checkout.

Is Shopify good enough for a large store?

Shopify powers stores doing hundreds of millions in annual revenue. Scale is not where Shopify falls short — design freedom, checkout customisation, and SEO ceiling are the real limitations at scale.

Can a non-developer manage a Next.js store?

Not easily. Every product update, price change, or promotion typically requires a developer or a separate CMS integration. This is one of the biggest practical drawbacks of going fully custom.

Which is better for SEO in 2026?

Both can rank well. Next.js gives you more control and a higher performance ceiling. A poorly optimised Next.js store will rank worse than a well-optimised Shopify store. The platform matters less than the execution. Read our Next.js vs React for ecommerce comparison for more on the technical SEO differences.

Top Web Development Companies in Indore 2026 — How to Choose

adityasingh borana — Sun, 10 May 2026 15:24:10 +0000

Web Development in Indore — What the Market Looks Like in 2026

Indore has a significant and growing tech industry. There are hundreds of web development companies, agencies, and freelancers in the city — from one-person operations working from home to established agencies with 50+ developers. The quality range is enormous.

This guide helps you evaluate your options objectively so you hire the right team for your specific project.

The right web development company delivers fast, scalable, SEO-optimised websites — not just something that looks good in a design file.

What Types of Web Development Do Indore Companies Offer?

WordPress Development

WordPress powers a large percentage of websites globally and many Indore web development companies specialise in it. Good for blogs, corporate websites, and WooCommerce ecommerce stores. The quality range is enormous — from cheap template installations to genuinely custom WordPress builds.

Next.js and React Development

For high-performance web applications, SaaS products, and modern ecommerce frontends. Next.js development in Indore is growing as more companies recognise the performance advantages. Fewer agencies offer genuinely good Next.js work compared to WordPress.

Shopify Development

Custom Shopify stores and themes for ecommerce businesses. Indore has several Shopify development agencies — quality varies significantly. Look for agencies that can show live Shopify stores they have built.

Flutter Web

Cross-platform development using Flutter for web, iOS, and Android from a single codebase. Growing in Indore as Flutter adoption increases nationally.

How to Evaluate Web Development Companies in Indore

Look at live work, not mockups

Any web development company can show you beautiful design mockups in Figma. What matters is how those designs translate to live, production websites. Ask for URLs of live projects you can visit, test on mobile, and check the page speed of. Google PageSpeed Insights gives you an objective performance score in 30 seconds.

Check their own website

A web development company that has a slow, poorly designed website is telling you something important about the quality of their work. If they cannot invest in their own digital presence, they are unlikely to do exceptional work for yours.

Ask about their development process

A professional web development company has a structured process — discovery, wireframing or design, development, QA, staging, launch, and post-launch support. If their process is "we build it and send it to you" without clear stages, milestones, and review points — proceed with caution.

Understand who does the work

Some Indore agencies win projects and subcontract the work to cheaper developers elsewhere. Ask directly who will be building your project and whether any part of the work is subcontracted.

The best Indore web development teams work directly on your project without subcontracting.

Web Development Pricing in Indore

Pricing varies significantly based on the company size, technology, and project complexity:

Simple WordPress website: Rs.15,000 to Rs.50,000
Custom WordPress build: Rs.40,000 to Rs.1,50,000
Shopify store setup: Rs.25,000 to Rs.1,50,000
Custom Shopify theme: Rs.65,000 to Rs.2,50,000
Next.js web application: Rs.75,000 to Rs.5,00,000+
Flutter mobile app: Rs.80,000 to Rs.3,00,000+

Be cautious of prices significantly below these ranges — they often reflect either very junior developers, template installations presented as custom work, or projects that will be abandoned mid-development.

Why Ogresto for Web Development in Indore

Ogresto is a full-service web development company based in Indore offering Next.js, React, WordPress, Shopify, and Flutter development for businesses across India and globally. We work directly on every project — no subcontracting, no account managers relaying messages.

Visit our web development service page for more details or get in touch for a free consultation.

Frequently Asked Questions

How much does web development cost in Indore?

A simple business website starts from Rs.15,000. A custom web application starts from Rs.75,000. Ecommerce stores start from Rs.25,000 for setup to Rs.2,50,000+ for fully custom builds. Costs depend on complexity, technology, and the quality of the agency.

Which is the best technology for web development in Indore?

It depends on your requirements. WordPress is best for content-heavy sites and standard business websites. Next.js and React are best for high-performance web applications and modern ecommerce frontends. Shopify is best for ecommerce stores. The right technology is the one that best fits your specific needs and budget.

Can I get a website built in Indore for international clients?

Yes. Many Indore web development companies build websites and applications for clients in the UK, US, Australia, and other international markets. The time zone overlap with Europe makes IST a practical working timezone for international projects.

Best SEO Agency in Indore 2026 — What Real SEO Looks Like and What to Expect

adityasingh borana — Sun, 10 May 2026 12:04:31 +0000

The SEO Agency Market in Indore

Indore has more SEO agencies and freelancers than ever in 2026. Unfortunately it also has more bad actors — agencies that promise page 1 rankings in 30 days, sell link packages from irrelevant websites, and produce monthly reports full of vanity metrics that do not translate to actual business growth.

Real SEO takes time. Anyone promising instant results is either lying or using tactics that will eventually get your website penalised by Google. This guide helps you find a genuine SEO agency in Indore that delivers sustainable, long-term results.

Genuine SEO takes 3-6 months to show meaningful results — any agency promising faster is not being honest.

What Genuine SEO for Indore Businesses Looks Like

Technical SEO audit first

Before doing anything else, a good SEO agency audits the technical health of your website. Page speed, mobile-friendliness, crawlability, site structure, duplicate content, broken links — these are the foundation. Fixing technical issues often produces quick ranking improvements before any content or link building work begins.

Local SEO for Indore

For businesses serving Indore customers, local SEO is often the highest-ROI work. This means: Google My Business optimisation, consistent NAP (name, address, phone) across directories, Indore-specific content on your website, and building local citations from Indore-relevant directories. Getting into the Google Maps local pack for your service keywords drives significant enquiries.

Content strategy

SEO without content is like a shop with no products. A genuine SEO strategy includes identifying the keywords your Indore customers are searching for and creating content that answers their questions. Blog posts, service pages, FAQ content — all contribute to organic ranking growth.

Quality link building

Links from other reputable websites to yours are one of Google's strongest ranking signals. Good link building means earning links from relevant, authoritative websites — industry publications, local business directories, genuine guest posts. Bad link building means buying links from link farms, which can result in Google penalties.

Reporting that shows real metrics

A good SEO report shows: organic traffic over time, keyword ranking changes for your target terms, leads and conversions from organic traffic, and what work was done during the month. If your SEO agency's monthly report shows only domain authority and social shares — ask harder questions.

Good SEO results show in organic traffic growth and keyword position improvements over time.

Realistic SEO Timeline for Indore Businesses

Month 1-2: Technical fixes, on-page optimisation, GMB setup. Google begins re-crawling your improved site. No visible ranking changes yet.

Month 3-4: First local Indore keywords start hitting page 1-2. Google My Business ranking improves. Organic traffic begins increasing.

Month 5-6: Consistent page 1 rankings for local terms. Organic traffic growing week-on-week. First organic leads coming in regularly.

Month 6+: National keywords beginning to rank. SEO becoming a primary lead source. Compounding effect — new content from month 1 continues climbing as domain authority grows.

SEO Pricing in Indore

Local SEO package: Rs.8,000 to Rs.15,000/month
Full SEO campaign (local + national): Rs.15,000 to Rs.35,000/month
Technical SEO audit: Rs.10,000 to Rs.25,000 one-time
Content writing (per article): Rs.1,500 to Rs.5,000 depending on length and research

Be cautious of SEO packages priced below Rs.5,000/month — at that price point, meaningful SEO work is not being done. You are paying for a report, not results.

Ogresto SEO Services in Indore

Ogresto provides SEO services for businesses in Indore and across India. We focus on sustainable, white-hat SEO — technical optimisation, quality content, genuine link building, and transparent reporting. We serve local Indore businesses as well as national and international clients.

Visit our SEO services page for more details or get in touch for a free SEO audit of your website.

Frequently Asked Questions

How long does SEO take in Indore?

For local Indore keywords, expect 3-4 months to see meaningful page 1 results with consistent effort. The local competition in Indore is generally lower than metro cities, which means results come faster than in more competitive markets.

Can SEO guarantee page 1 rankings on Google?

No. Any agency that guarantees specific rankings is not being honest with you. Google's algorithm has hundreds of factors and changes frequently. What a legitimate SEO agency can commit to is a proven process, transparent reporting, and a track record of results.

Is SEO worth it for small businesses in Indore?

Yes — especially for service businesses. A small plumbing or electrician business ranking page 1 for "plumber in Indore" gets free, qualified calls every day without paying per click. The ROI from organic rankings compounds over time in a way that paid advertising cannot match long-term.

What is the difference between local SEO and national SEO?

Local SEO focuses on ranking for searches that include location terms — "service in Indore", "near me" searches, and Google Maps results. National SEO targets broader keywords without location — "best Shopify development company" versus "Shopify development company in Indore". Most Indore businesses need local SEO first and national SEO as they grow.

Shopify New Customer Accounts 2026 — What Changed, What Broke, and What to Do

adityasingh borana — Fri, 08 May 2026 15:42:45 +0000

What Happened in February 2026

If you woke up one day and found that your carefully crafted Shopify login popup was broken, your custom account page was gone, or your clients were calling about a strange new login flow — you are not alone. In February 2026, Shopify officially deprecated legacy customer accounts. For new stores, the old system is no longer available. For existing stores that had not opted in yet, it is no longer receiving updates or technical support.

The new system is called New Customer Accounts, and it uses OAuth 2.0 with PKCE — a proper authentication standard used by major platforms like Google and Apple. It supports email OTP, social login, and maintains sessions properly across your storefront and checkout. On paper it is better. In practice, it removed a lot of things developers and store owners relied on.

Shopify's new customer accounts use OAuth 2.0 — more secure, but significantly less customisable than the legacy system.

What You Actually Lose

No More Popup Login

This is the one that frustrated most developers including us. The legacy system let you build a fully custom login modal — a popup that appeared over the page, kept the customer in context, and felt seamless. With new customer accounts, Shopify redirects customers to a hosted login page. You cannot intercept this with a popup. You cannot style it beyond basic branding. The customer leaves your storefront, logs in on Shopify's hosted page, and comes back. It works, but it breaks the seamless experience many stores had built.

No Full Account Page Customisation

Legacy accounts let you build a completely custom account dashboard inside your Liquid theme. Order history, saved addresses, loyalty points, subscription management — all on a page you designed. New customer accounts use Shopify's hosted account pages. You can add UI extensions using Shopify's Customer Account UI Extensions, but you are working within their framework, not building freely. Complex custom account experiences require significantly more work to replicate.

Multipass Is Being Phased Out

If you were using Multipass — Shopify's system for passing authenticated users from a custom frontend to checkout without re-login — that is going away too. The replacement is the Customer Account API with OAuth flow, which is more complex to implement but actually solves the double-login problem that plagued many headless setups.

Third-Party App Compatibility

Many apps that hooked into the legacy account system — loyalty programmes, subscription managers, wishlists that tied to accounts — need updates to work with the new system. Not all have updated yet. If your store relies on several account-adjacent apps, check each one before migrating.

The new system supports email OTP and social login — genuinely better for customers, even if harder for developers to customise.

What You Actually Gain

Here is the part most frustrated developers skip. The new system is genuinely better in several real ways.

Email OTP and Social Login

Customers no longer need to remember a password. They can log in with a one-time code sent to their email, or use Google or Facebook login. For most ecommerce stores, this reduces login friction significantly. Fewer forgotten passwords means fewer abandoned account creation flows and fewer lost sales from customers who give up at login.

Proper Session Management

The legacy system had a known problem in headless setups — customers would log in on the custom frontend and then be asked to log in again at Shopify checkout. The new OAuth flow maintains the session properly across both. For anyone building or working with custom storefronts this is a genuine improvement.

Better Security

OAuth 2.0 with PKCE is the industry standard for secure authentication. The legacy system was showing its age from a security architecture standpoint. Shopify made the right call here even if the migration pain was real.

UI Extensions for Account Pages

Shopify has opened the new account pages to UI extensions — meaning you can add custom blocks to the order detail page, the profile page, and other sections. It is not as free as building a completely custom Liquid account page, but the extension system is improving with each Shopify release.

The Real Question — Should You Fight It or Accept It?

Most store owners and developers we have spoken to fall into one of two camps after dealing with this change.

Camp 1 — Accept and Adapt

For most Shopify stores, the new customer accounts system is fine. The hosted login page is clean, the OTP flow is smooth, and customers adapt quickly. The loss of a custom popup login is frustrating from a design standpoint but rarely affects conversion rates meaningfully when the alternative is a well-designed hosted page. If your store does not have highly complex account requirements, accept the change, implement UI extensions for whatever customisation you need, and move on.

Camp 2 — Work Around It

If you genuinely need a seamless in-page login experience — a fashion brand with a heavily branded UX, a subscription business with a complex account dashboard, or a B2B store with account-specific pricing — then the new system is a genuine constraint. Your options are:

Customer Account UI Extensions — build inside Shopify's framework, limited but improving
Custom storefront with Next.js — decouple your frontend entirely and build whatever account experience you want, connecting to Shopify via the Storefront API and Customer Account API. More complex and expensive but gives you full control. If this is the route you are considering, our Striker Next.js template gives you a production-ready starting point.
Hydrogen — Shopify's own React framework, purpose-built for headless builds, with tight integration to the new Customer Account API

For most store owners, the right move is accepting the new system and using UI extensions for customisation — not rebuilding the entire frontend.

How to Implement New Customer Accounts Without Destroying Your UX

Step 1 — Enable New Customer Accounts in Settings

Go to Shopify Admin → Settings → Customer accounts. Switch to New customer accounts. Do this on a development store first and test the complete login and account flow before pushing to production.

Step 2 — Update Your Theme Navigation

The account icon in your header needs to link to the correct URL for new customer accounts. Update your header Liquid to use the correct account URL. Check that login, logout, and account page links all work correctly after the switch.

Step 3 — Audit Your Apps

Go through every app that touches customer accounts, loyalty, subscriptions, or wishlists. Check each app's documentation or contact their support to confirm new customer accounts compatibility. Replace or temporarily disable any that are not compatible before switching.

Step 4 — Add Your Branding

Shopify allows you to add your logo, brand colours, and a custom header image to the hosted account pages. Go to Settings → Branding in your Shopify Admin. This does not give you full design control but it makes the hosted pages feel less foreign to your customers.

Step 5 — Build UI Extensions for Custom Sections

If you need custom content on account pages — a loyalty points widget, subscription management, a custom order detail section — build these as Customer Account UI Extensions. Shopify's developer documentation has good guides for this. The extension system is the long-term answer for account page customisation on the new platform.

Step 6 — Test the Full Customer Journey

Create a test customer account and walk through every scenario: new account creation, email OTP login, social login if enabled, viewing order history, updating address, and logging out. Test on mobile — this is where the hosted page experience is most visible to customers.

Our Take

We were frustrated too. When Shopify deprecated legacy accounts we had clients with custom popup logins and complex account dashboards that needed reworking. The migration was real work.

But stepping back — Shopify made the right call. OAuth 2.0 is the correct foundation for authentication in 2026. Email OTP login genuinely reduces friction for customers. The double-login problem in headless setups is now actually solvable. The frustration was about the migration, not the destination.

For most stores — implement the new system, add your branding, build the UI extensions you need, and move on. For stores with complex account requirements that the new system genuinely cannot meet — that is when a custom Next.js frontend with the Customer Account API becomes a conversation worth having. Our Shopify development service covers both paths.

Frequently Asked Questions

Will legacy customer accounts stop working completely?

Not immediately for existing stores already using them. Shopify has deprecated them — meaning no new stores can use them and no new features will be added — but they have not set a hard shutdown date yet. However given that technical support has ended, it is only a matter of time. Migrate proactively rather than reactively.

Can I still have a login popup with new customer accounts?

Not natively. The new system redirects to Shopify's hosted login page. Some developers have experimented with embedding the login page in an iframe within a popup, but this is not officially supported and can break with Shopify updates. The officially supported path is the hosted redirect flow.

Does the new system affect SEO?

No. Customer account pages are not indexed by Google regardless of which system you use — they are behind authentication. The change has zero impact on your store's SEO.

Do I need Shopify Plus for new customer accounts?

No. New customer accounts are available on all Shopify plans. You only need Plus if you want checkout extensibility or advanced Shopify Functions.

How do I add custom content to the new account pages?

Through Customer Account UI Extensions — Shopify's official framework for adding custom blocks to the new account pages. You build the extension using React and the Shopify extension framework, then deploy it through the Partner Dashboard. Shopify's developer documentation has full guides for this.

Can Ogresto help migrate to new customer accounts?

Yes. We handle Shopify migrations including the switch to new customer accounts — auditing your apps, updating your theme, building any required UI extensions, and testing the full customer journey. Visit our Shopify development service page or get in touch for a free consultation.