Izrada sajta - SSR React.js Node.js

Tehnologije i alati: React.js, Node.js, Express.js, React Routing, SSR, Cli, IDE...

Alati za izradu React.js sajta

Za razvoj na ovom projektu koristićemo nekoliko alata i tehnologija.

Cli
Command line, možemo koristiti Windows Power Shall ili standardni Command Prompt.

Download Node.js
Ukoliko nemamo instaliran Node.js na računaru, to prvo treba da uradimo. Instalaciju možete skinuti na sledećem linku:
Download Node.js

Nakon instalacije možemo proveriti koje verzije node i npm su instalirane sa sledećim funkcijama:
node -v
npm -v

Integrated Development Environment

Postoje broji code editori i razvojna okruženja. Jedan od popularnijih i jednostavnijih za korišćenje je MS VisualCodeEditor. Poseduje gotovo sve što nam je potrebno za razvoj Node.js aplikacija. Na sledećem linku možete skinuti ovaj alat:
Download Visual Studio Code

Instalacija React.js aplikacije

Sledećom komandom kreiramo osnovni React.js projekat:
npx create-rect-project ssr-react-node-app

Pozicioniramo se u rutu projekta sa:
cd ssr-react-node-app a zatim otvorimo projekat u Visual Studio Code sa:
code .. Ova funkcija otvara projekat u IDE VS. Ako nemate instaliran ovaj IDE, možete ga preuzeti na linku ispod.

Jednostavno upustvo za izradu web sajta SEO optimizvanog i vidljivog pretraživačima. Izrada sajta sa React.js može da bude izazov za SEO optimizaciju. Razlog za to je što se React.js učitava u memoriju klijentovog računara a onda u browser, tako da nije vidljiv pretraživačima. Ovo može da bude problem i da naša stranica ne bude dostupna u Google i drugim pretraživačima.

Rešenje ovog problema nalazi se u izradi React aplikacije koja ćese renderovati na serveru a onda poslati kao HTML dokument u klijentov browser. Nakon toga se učitava React.js app i dobijamo interaktivnu web stranicu SEO optimizovanu.

Sledeće uputstvo predstavlja vodič kako da napravite react.js interaktivan web sajt, SEO optimizovan.