Replies: 1 comment
-
|
Hey @r1me75 👋 Good question, I should probably add a section to the docs on this (add to my list of to-dos for this project). Ideally you'll want to create a subdomain Next, replace the main {% comment %}
This file is basically not used. It serves to redirect the headless site
Adding plugin or app scripts and snippets here will likely have no effect on the main site
itself. Reach out a developer for help installing scripts and code snippets.
{% endcomment %}
<!DOCTYPE html>
<html lang='{{ shop.locale }}'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<link rel='canonical' href='{{ canonical_url }}'>
<link rel='shortcut icon' href='' type='image/png'>
<script>
var l = window.location
if (/^\/a\//.test(l.pathname)) {
// ...
} else {
var href = 'your-site-domain' // your-site-domain.com
if (l.pathname) href += '/' + l.pathname
if (l.hash) href += l.hash
if (l.search) href += l.search
href = href.replace('//', '/')
window.top.location.href = 'https://' + href
}
</script>
{{content_for_header}}
</head>
<body>
{{content_for_layout}}
</body>
</html>Lastly be sure to customize the checkout experience in your Shopify admin settings. You'll also want to make sure any emails customers may receive point to your actual domain (in the Hope this helps! PS - I'll be adding a few minor updates towards the end of the week to this template. @plcdnl I'm tagging you in this because I saw you also had a custom checkout domain on that site you sent me via email (that wasn't a |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hey everyone 👋
I've recently been diving into building e-commerce sites with a headless architecture and came across Nitrogen. I was initially planning to build my e-commerce sites with MedusaJS and Nuxt, but after exploring this architecture, I’m considering switching to it instead.
Also, kudos to @rylanharper, this is a really well-thought-out template. I cloned the repo and successfully integrated it with my newly created Shopify store. Most things are running smoothly and it’s a great experience using Nuxt/Vue in this context.
🛒 Checkout Handling (Question)
Even though all the storefront interactions are implemented in the frontend, the checkout process itself is still handled/hosted by Shopify. Is this the expected limitation when using Shopify as the backend for headless setups? Is there any way (or plan) to handle the full checkout in the Nuxt frontend?
Also if anyone has experience building production-ready e-commerce stores with this kind of stack (Shopify Storefront API + Nuxt/Nitrogen), I’d love to hear your tips, lessons learned, and best practices. 🙏
Beta Was this translation helpful? Give feedback.
All reactions