next.js - tworzenie nowych podstron

[HERO]

Hej, stworzylem nowa strone w next.js, w katalogu pages utworzylem sobie podstrony tworzac odpowiednio pliki:

aktualnosci.js

kontakt.js

 

no i lokalnie odpalajac https://localhost:3000/ a potem https://localhost:3000/aktulanosci czy https://localhost:3000/kontakt wszystko ladnie dziala

kiedy przezucam na serwera to po wywolaniu domena.pl/aktualnosci czy domena.pl/kontakt zwraca mi sie 404 i musialem ustawic w .htaccess RewriteRule ^aktualnosci$ aktualnosci.html [L]

 

czy to wlasnie tak powinno sie robic? wydaje mi sie, ze zle robie no bo co w sytuacji kiedy bede mial tysiac urli np ktore prowadza do artykulow

 

dzieki za wskazowki

 

1. nie powinienem aktualnosci.js i kontakt wrzucac do pages.js tylko do pages/aktualnosci/ oraz kontakt.js do pages/kontakt/ ?

2. jeszcze to znalazlem: 

 

<IfModule mod_rewrite.c>
  RewriteRule ^(SUBDIRECTORY_FOO|SUBDIRECTORY_BAR)($|/) - [L]
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

 

 

[Mion]

W wypadku aplikacji SPA Single-Page-Application

Serwer musi kierować wszystkie żądania na ten jeden adres

https://www.beyondjava.net/pretty-urls
itd...

 

=======

 

Zupełnie inaczej wygląda sprawa kiedy aplikacja napisana w NODE.JS uruchamia własny serwer HTTP.

 

By ją zainstalować serwerze  współdzielonym ( na VPS sprawa wygląda podobnie ) musi być

1) Node
2) Możliwość odpalenia procesu node w tle i przywracania w razie padu procesu node.js
3) Możliwość zarezerwowania portu
 

Następnie stosuje się serwer HTTP np nginx  lub apache  jako reverse proxy dla serwera http wystawionego przez node.js.

 

W necie jest masa informacji jak to zrobić

Na MyDevil można taką apliakcję wdrożyć:

https://wiki.mydevil.net/Node.js

 

 

 

 

 

https://medium.com/bb-tutorials-and-thoughts/next-js-how-to-proxy-to-backend-server-987174737331

https://steveholgado.com/nginx-for-nextjs/

itd...

[Mion]

https://dev.to/reactstockholm/setup-a-next-js-project-with-pm2-nginx-and-yarn-on-ubuntu-18-04-22c9