Help us understand the problem. What is going on with this article?

Apache vs. Next.js

香盤

// Hello World!@Next.jsに躓く の 巻

 Apacheを使っていて,Node.js以外のアプリが稼働しているところへNode.jsアプリ/* Next.js */を導入したかった/* Hello World!を試したかった */.

  1. ApacheのDocumentRootに於いて,mkdir fornodejs/* 名称は任意 */
  2. cd fornodejs
  3. mkdir next_app
  4. cd next_app
    1. よくある手順通りにHello World!を実装
    2. next.config.jsを新規作成する
  5. httpd.confが読み込むincludes/node.conf/* 名称は任意 */を新規作成する
  6. Apache再起動
  7. npm run dev -- -p 3000 // At DocumentRoot/fornodejs/next_app
  8. Web browser等で"domain/fornodejs"をrequest
DocumentRoot
    └ fornodejs
          └ next_app

node.conf

value@<Location value></Location>に対するrequest時は,responseをlocalhost:3000のresponseに代える

よくある手順

  1. mkdir next_app // At DocumentRoot/fornodejs
  2. cd next_app
    1. Define package.json
    2. mkdir pages
    3. 「cd pages」 then 「Create index.tsx」
    4. npm command(s)によって,[next, react, react-dom」をinstall

special thanks

https://stackoverflow.com/questions/55022306/next-js-under-a-proxy-with-different-path

ka-tanaka
環境構築系が苦手です
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away