How to Configure Nginx for a Multistore

Prepare Your Magento Shop

Before configuring Nginx, make sure all storefront configuration is present. Make sure you have the store code for each storefront you want to serve.

The main Magento documentation on configuring multiple storefronts can be found here for Magento 1 and here for Magento 2.

Setting Up Your Multistore

There is multiple scenarios possible to set up your Magento multistore. You can choose between te following options:

  • Using different domains (e.g. example.com and example.net etc.)

  • Using subdirectories (e.g. example.com/en/ and example.com/fr/ etc.)

  • Using a combination of different domains and subdirectories (e.g. example.com and example.net/en/ and example.net/fr/)

Below we have provided the instructions on how to set up each of the scenarios within Nginx on your Hypernode. Please do note that in order to follow the instructions your Hypernode must have Hypernode Managed Vhosts enabled. Furthermore, we cannot guarantee that the instructions will work with all plugins and custom configurations since this has only been tested with the default Luma theme and without any customizations.

Using Different Domains

When you opt for using different domains for each storefront then it will be relatively simple to setup Nginx for your multistore. Simply following the instructions on adding a new vhost with the instructions provided in the Hypernode Managed Vhosts documentation. Once you have added the required vhost you need to add a server.storecode file to the specific vhost directory (/data/web/nginx/example.com/) with the following content:

set $storecode "example_storecode";

Note

If you have a multistore, with hypernode-manage-vhost enabled AND you are using Varnish. You’d have to prefix the file with varnish instead of server, like varnish.storecode. This way these multistore requests will go through varnish and will then be rewritten accordingly with the varnish.storecode configuration.

Using Subdirectories

Another option is to use subdirectories instead. Once you have added the required vhost you need to add a server.storecode file to the specific vhost directory (/data/web/nginx/example.com/) with the following content:

location ~ ^/(?<uri_prefix>(nl|fr)) {
    if ($uri_prefix = fr) {
        set $storecode "be_fr";
    }
    if ($uri_prefix = nl) {
        set $storecode "be_nl";
    }
    rewrite / /$uri_prefix/index.php last;

    location ~ \.php$ {
        echo_exec @phpfpm;
    }
}

In the example above we have used the subdirectories /fr and /nl.

Next to the correct Nginx configuration you will also need to create the subdirectories in the webroot folder (normally this would be /data/web/public) using symlinks like below:

ln -s /data/web/public /data/web/public/fr
ln -s /data/web/public /data/web/public/nl

Using a Combination of Different Domains and Subdirectories

The third option is to combine different domains and subdirectories. In that case you need to create a vhost for the different domains you wish to use. In each of the vhost directories ( /data/web/nginx/example.com/) you then need to either use the snippet below to simply point the domain to a storefront:

set $storecode "example_storecode";

Please note that this is for any domains that do no use the subdirectory structure.

Or use the following snippet to point the subdirectory for a specific domain to the intended storefront:

location ~ ^/(?<uri_prefix>(nl|fr)) {
    if ($uri_prefix = fr) {
        set $storecode "be_fr";
    }
    if ($uri_prefix = nl) {
        set $storecode "be_nl";
    }
    rewrite / /$uri_prefix/index.php last;

    location ~ \.php$ {
        echo_exec @phpfpm;
    }
}

Last but not least you will also need to create the subdirectories in the webroot folder (normally this would be /data/web/public) using symlinks like below:

ln -s /data/web/public /data/web/public/fr
ln -s /data/web/public /data/web/public/nl

Example Setup

Below you can find an example setup where all the above options have been combined.

  Magento Stores - Base URLs
+----+---------+------------------------------------+--------------------+
| id | code    | unsecure_baseurl           | secure_baseurl             |
+----+---------+------------------------------------+--------------------+
| 1  | default | https://www.example.com/   | https://www.example.com/   |
| 2  | fr      | https://www.example.nl/fr/ | https://www.example.nl/fr/ |
| 3  | en      | https://www.example.nl/en/ | https://www.example.nl/en/ |
| 4  | be_fr   | https://www.example.be/fr/ | https://www.example.be/fr/ |
| 5  | be_nl   | https://www.example.be/nl/ | https://www.example.be/nl/ |
| 6  | nl      | https://www.example.nl/    | https://www.example.nl/    |
+----+---------+------------------------------------+--------------------+

First add the following vhosts using the information from the Hypernode Managed Vhosts documentation.

Once the vhosts you have been created, you can create a server.storecode file in /data/web/nginx/www.example.com with the below content:

set $storecode "default";

Next you create a server.storecode file in /data/web/nginx/www.example.be with the following content:

location ~ ^/(?<uri_prefix>(fr|nl)) {
    if ($uri_prefix = fr) {
        set $storecode "be_fr";
    }
    if ($uri_prefix = nl) {
        set $storecode "be_nl";
    }
    rewrite / /$uri_prefix/index.php last;

    location ~ \.php$ {
        echo_exec @phpfpm;
    }
}

A similar server.storecode file needs to be created in /data/web/nginx/www.example.nl, but the content will be slightly different than for the www.example.be domain:

set $storecode "nl";
location ~ ^/(?<uri_prefix>(en|fr)) {
    if ($uri_prefix = en) {
        set $storecode "en";
    }
    if ($uri_prefix = fr) {
        set $storecode "fr";
    }
    rewrite / /$uri_prefix/index.php last;

    location ~ \.php$ {
        echo_exec @phpfpm;
    }
}