Server-Side Integration on N7 Docs

Integration on Mobile app

Mon, 01 Jan 0001 00:00:00 +0000

This documentation explains which Accept Headers needs to be included for Images in Mobile App. This allows you to optimize images specifically for Nitrogen AIO delivery.

Prerequisites#

You must have a domain configured on Nitrogen
You must have AIO enabled, please refer this article .
Basic understanding of Mobile App Image Properties and Nitrogen AIO.

Steps#

Add the following mandatory Headers on outgoing image requests. Please modify the values based on the user’s mobile device and network configuration:

Integration on Next JS

Mon, 01 Jan 0001 00:00:00 +0000

This documentation explains how to create a custom image loader in Next.js to modify image URLs for the Nitrogen AIO. This allows you to optimize images specifically for Nitrogen AIO delivery.

Prerequisites#

You must have a domain configured on Nitrogen
You must have AIO enabled, please refer this article .
Basic understanding of Next.js and Nitrogen AIO.
Node.js and npm (or yarn) installed on your development machine.

Steps#

Install package :

Integration on Shopify

Mon, 01 Jan 0001 00:00:00 +0000

This documentation explains how to update Shopify end configuration to proxy image requests to N7 AIO.

Prerequisites#

You should have access to Shopify admin portal (admin.shopify.com )
You should have a Nitrogen AIO endpoint available. If you have not received it - check with the Nitrogen POC person in contact with you, OR mail to support@n7.io .

Steps#

Creating AIO settings
1. Open https://admin.shopify.com/
2. Go to Sales channels > Online store themes > Themes menu from left side.
  Edit code for your current theme by clicking on ... menu and then clicking Edit code menu.
3. Select config folder and then open settings_schema.json file.
  Then add our AIO setting from this file
4. Now select Snippets folder, and copy aio.liquid and aio-image.liquid files to it.
Configuring AIO