Integrate Next.js App in Shopify Theme

New Member
2 0 0

Hello everyone,


I've recently building a Custom Form and FAQ app with Next.js. Basically the app fetch FAQ elements from Re:amaze and display the informations to the user. This app is now deploy on Heroku and my last step is to embed this app on my shopify theme. Later I want to create features for creating/editing articles on the app admin.


So the point here is: How to display my App on my store where only app owner can access to the creation and editing part and display the FAQ articles on a page for my Shopify Theme end user ?


I've seen Script Tag and Embedded App on the documentation but I'm not sure if that fit my needs. 


Can you guide me for these next steps ?


Thank you and Happy new years !



Shopify Partner
104 4 32

Hey @Jbardon!


I've basically asked the customer to add the liquid tags themselves, since the location can be quite tricky (at least in my app).



1. Generate some liquid snippet based on user input/outside information

2. Inject it into the snippets folder using the Asset API, capturing the name of the snippet for later processing

3. Instruct the user to use {% include snippety-snippet %} somewhere in their store.


It really is quite straightforward when you do it once. 

Building custom, public-facing Shopify Apps for various niches. Ping me with your app ideas!

My Apps:
* Countries We Ship To Button (Free!) - Show your customers where you ship to with a crisp button + pop-up!

My Tutorials:
* Get Notified When New Comments Are Added To Your Shopify Blog (Free!) - A quick & easy tutorial to set up a free web-service that e-mails you when you get a new comment on your Shopify blog!