Это способ использования Next.js и страницы WordPress под одним доменом?

#reactjs #wordpress #next.js

Вопрос:

У меня есть Next.js сайт, но для целевой страницы я бы использовал сайт WordPress. Как это возможно?

Ответ №1:

В next.config.js нем вы можете настроить rewrites работу как прокси-сервер с определенными путями приложения. Если вы хотите, чтобы только маршрутизатор домашней страницы NextJS подключался к домашней странице другого домена, вы можете сделать это:

 module.exports = {
  rewrites() {
    return [
      {
        source: "/",
        destination: "http://mywordpresssite.com/",
      },
    ];
  },
};
 

Документы

Комментарии:

1. А что будет с доменом, он изменится на другой? Я думаю next.js не находится под mywordpresssite.com верно?

2. Основной домен продолжает показывать все маршруты из следующего приложения, но главная страница в следующем приложении показывает содержимое из http://mywordpresssite.com/ следующего домена приложения.

3. a, хорошо, домашний маршрут показывает содержимое, но не загружается mywordpresssite.com в адресную строку браузера, верно?

4. Как вы думаете, возможно ли загрузить только часть формы страницы WordPress, используйте форму меню Next.js, но загружайте контент с сайта WordPress

5. К сожалению, домен меняется. Я пытался.

Ответ №2:

Все зависит от хостингового сервера, который вы будете использовать для размещения этих веб-сайтов. Вы можете использовать один домен для обоих, но вам может потребоваться использовать разные маршруты.

Пример:

Целевая страница : www.example.com или www.example.com/home

WordPress : www.example.com/news

Используя apache для хостинга, вы можете определить .htaccess, который будет перенаправляться в нужное приложение в зависимости от маршрута. Я бы предложил вам изучить это, если вы не можете предоставить нам более подробную информацию о своем хостинговом решении.

Правка: Вы можете проверить файл конфигурации vercel, чтобы направить что-то в определенную подпапку/файлы. Более подробная информация здесь: https://vercel.com/docs/configuration#project/redirects

Комментарии:

1. Я использую Версель.