GitHub Website AWS EC2 वर Nginx ने कशी Host करायची

By Ravindra Bagale, trainer · LinkedIn · Last updated: 18 October 2026

1. का: खरे projects GitHub वर असतात

का. मागच्या chapters मध्ये आपण pages हाताने लिहिली किंवा agent कडून लिहून घेतली. खऱ्या companies मध्ये code एका ठिकाणी असतो जिथे पूर्ण team काम करते, आणि बऱ्याचदा ते ठिकाण GitHub असतं. Developers code लिहितात; आपण तो host करतो.

2. काय: GitHub आणि repositories

का. Company चा code host करण्याआधी तो कुठे आहे आणि तो download करायची परवानगी आहे का, हे माहीत हवं. Public आणि private repositories हे उत्तर देतात.

GitHub (github.com, Microsoft च्या मालकीचं) ही website आहे जिथे companies आणि developers source code ठेवतात. एका project चा code ठेवायची जागा म्हणजे repository, किंवा repo.

1. Public repository internet वर कोणीही बघू आणि download करू शकतो. Public repos search किंवा download करायला sign in करायची गरज नाही.
2. Private repository फक्त तुम्ही allow केलेल्या लोकांना दिसते. ते sign in करतात, किंवा token वापरतात.
3. Free accounts मध्ये unlimited public आणि private repositories बनवता येतात.
4. Companies त्यांचे repositories organisation accounts मध्ये ठेवतात, जे पूर्ण team share करते.

Static की backend? Language bar वाचा. प्रत्येक repository च्या page वर तो कुठल्या languages वापरतो त्याचा रंगीत bar असतो.

1. फक्त HTML, CSS आणि JavaScript: static site. Nginx files जशाच्या तशा serve करतो. या chapter मध्ये आपण हेच host करतो.
2. Java, Python, PHP किंवा बाकी languages: project ला code चालवणारा backend लागतो. फक्त files copy करून चालत नाही; हे course मध्ये पुढे host करू.

Example 1: search करणं. github.com वर html websites search करा. काही repositories मध्ये एक site असते, आणि काहींमध्ये डझनभर छोटे beginner projects. Sign in न करता search pages खूप पटापट उघडले तर GitHub Too many requests page दाखवतो. एक minute थांबा, किंवा sign in करा.

3. कसं: server ला connect करा

का. Server वर पोहोचल्याशिवाय या chapter मधलं काहीच चालत नाही. इथला key permission fix Mac, Linux आणि नवीन Windows users ना सगळ्यात आधी लागतो.

Step 1. SSH आणि HTTP allow करून Amazon Linux server launch करा (किंवा आधीचा वापरा). Free-tier eligible instance types वापरा, आणि AWS च्या सध्याच्या free-tier terms check करा.

Step 2. Username साठी AMI बघा: Amazon Linux साठी ec2-user, Ubuntu साठी ubuntu.

Step 3. Connect करा:

ssh -i mykey.pem ec2-user@PUBLIC_IP

ssh ने key नाकारली तर. असं दिसू शकतं:

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@         WARNING: UNPROTECTED PRIVATE KEY FILE!          @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Permissions for 'mykey.pem' are too open.
...
ec2-user@PUBLIC_IP: Permission denied (publickey).

का. Private key म्हणजे घराची चावी. तुमच्या computer वरचे दुसरे users ती file वाचू शकत असतील, तर ssh ती वापरायला नकार देतो. File फक्त तुम्हालाच वाचता आली पाहिजे.

Linux आणि Mac वर fix.

Step 1. हे चालवा:

chmod 400 mykey.pem

400 म्हणजे: 4 = तुमच्यासाठी (owner) read, 0 = group ला काहीच नाही, 0 = बाकी सगळ्यांना काहीच नाही.

Windows वर fix. PowerShell मध्ये cd आणि ls चालतात कारण PowerShell च्या स्वतःच्या commands ची ती नावं आहेत, आणि ssh आणि scp चालतात कारण Windows मध्ये OpenSSH client येतो. chmod तिथे नाही, म्हणून file चे Properties वापरा. आधीच्या Windows versions मध्ये key चालून जायची; नवीन updates पण strict आहेत.

Step 1. mykey.pem वर right-click करून Properties निवडा, मग Security tab, मग Advanced.

Step 2. Disable inheritance click करा आणि Remove all inherited permissions निवडा. Inheritance म्हणजे file ला तिच्या parent folder कडून मिळालेल्या permissions.

Step 3. Add click करा, मग Select a principal, तुमचं Windows user name type करा, Check Names आणि OK click करा.

Step 4. फक्त Read tick करा, मग OK आणि Apply. आता key फक्त तुम्हीच वाचू शकता, आणि ssh ती accept करतो.

4. कसं: code server वर आणायच्या दोन पद्धती

का. GitHub पासून server पर्यंत एकापेक्षा जास्त रस्ते आहेत. दोन्ही माहीत असले की जलद रस्ता निवडता येतो, आणि link चालली नाही तर दुसरा वापरता येतो.

पद्धत A: Download ZIP, मग scp. तुमच्या computer वर Code > Download ZIP click करा, मग server वर copy करा:

scp -i mykey.pem main.zip ec2-user@PUBLIC_IP:/home/ec2-user/

File दोनदा प्रवास करते: GitHub वरून तुमचा computer, computer वरून server.

पद्धत B: link copy करा, server वर wget. Download ZIP वर right-click करून Copy link निवडा, आणि server terminal मध्ये wget च्या पुढे paste करा. Server थेट GitHub वरून download करतो: जलद, आणि एक step कमी.

5. Example 1: दहा sites असलेला एक repository

का. वरच्या पातळीवर index.html असलेली repository ही सगळ्यात सोपी खरी case: download, unzip, Nginx ला तिथे point करा, झालं.

काय बनवणार. एका repository मध्ये दहा sample sites आणि त्या सगळ्यांच्या links असलेली index.html आहे. आपण तो /usr/share/nginx/tensites मध्ये ठेवणार आणि Nginx ला तिकडे point करणार.

Step 1. Nginx start करा (गरज असेल तर आधी sudo yum install nginx -y ने install करा) आणि आत्ता तो कुठून serve करतो ते बघा:

sudo service nginx start
cd /usr/share/nginx/html
ls

Step 2. एक folder वर जा:

cd /usr/share/nginx

Step 3. ZIP download करा. हा folder root चा आहे म्हणून sudo लागतो:

sudo wget https://github.com/OWNER/REPO/archive/refs/heads/master.zip

काही repos master ऐवजी main वापरतात; GitHub देतो तशीच link copy करा.

Step 4. Unzip करा:

sudo unzip master.zip

यामुळे REPO-master नावाचा folder तयार होतो.

Step 5. त्याला छोटं नाव द्या:

sudo mv REPO-master tensites

Step 6. index.html लगेच आत आहे ते check करा:

[ec2-user@ip-172-31-xx-xx nginx]$ cd tensites
[ec2-user@ip-172-31-xx-xx tensites]$ ls
README.md  index.html  style.css  ...  (one folder per site)
[ec2-user@ip-172-31-xx-xx tensites]$ pwd
/usr/share/nginx/tensites

Step 7. Settings file उघडा:

sudo nano /etc/nginx/nginx.conf

Step 8. server block मधला root directive बदला:

root         /usr/share/nginx/tensites;

Ctrl+O, Enter, मग Ctrl+X ने save करा.

Step 9. Apply करा:

[ec2-user@ip-172-31-xx-xx tensites]$ sudo service nginx reload
Redirecting to /bin/systemctl reload nginx.service

Step 10. http://PUBLIC_IP/ उघडा. Repo चं index page दिसतं; दहाही sites वर click करून बघा.

त्याऐवजी html folder मधली जुनी site बदलायची असेल तर. /usr/share/nginx/html च्या आत unzip करायचं असेल, तर आधी जुन्या files sudo rm -rf * ने काढाव्याशा वाटतील. ते current folder मधलं सगळं delete करतं, undo नाही. आधी pwd चालवा आणि तो /usr/share/nginx/html दाखवतो याची खात्री करा.

6. Example 2: डझनभर mini-projects असलेला repository

हे वेगळं का. काही repositories मध्ये डझनभर छोटे projects असतात, प्रत्येक स्वतःच्या folder मध्ये. root ZIP च्या top folder वर असेल, तर तिथे index.html नसते आणि site दिसत नाही. index.html असलेला folder शोधावा लागतो.

Step 1. html folder मध्ये download आणि unzip करा:

cd /usr/share/nginx/html
sudo wget https://github.com/OWNER/REPO/archive/refs/heads/main.zip
sudo unzip main.zip
sudo mv REPO-main projects

Step 2. cd आणि ls ने आत जा:

[ec2-user@ip-172-31-xx-xx html]$ cd projects
[ec2-user@ip-172-31-xx-xx projects]$ ls
LICENSE  README.md  projects
[ec2-user@ip-172-31-xx-xx projects]$ cd projects
[ec2-user@ip-172-31-xx-xx projects]$ ls
age-calculator  dad-jokes-generator  music-player  rock-paper-scissors-game  ...

Step 3. एका project मध्ये जा आणि index.html आहे का बघा:

[ec2-user@ip-172-31-xx-xx projects]$ cd music-player
[ec2-user@ip-172-31-xx-xx music-player]$ ls
index.html  script.js  style.css  ...

Step 4. ज्या folder मध्ये index.html दिसते तिथे pwd चालवा आणि path copy करा:

[ec2-user@ip-172-31-xx-xx music-player]$ pwd
/usr/share/nginx/html/projects/projects/music-player

Step 5. तो /etc/nginx/nginx.conf मध्ये root setting म्हणून paste करा. फक्त हीच line बदला:

root         /usr/share/nginx/html/projects/projects/music-player;

Step 6. Reload करा आणि http://PUBLIC_IP/ उघडा. Music player दिसतो.

sudo service nginx reload

Example 3: दुसऱ्या project वर switch. त्याच steps, दुसरा folder:

cd ../dad-jokes-generator
pwd
sudo nano /etc/nginx/nginx.conf
sudo service nginx reload

root /usr/share/nginx/html/projects/projects/dad-jokes-generator; सोबत. root बदलला की server कुठली एक site दाखवतो ते बदलतं.

7. एकाच वेळी अनेक projects: folder URLs, ports, domains

का. एका repository मध्ये अनेक projects असतील, तर visitors प्रत्येकापर्यंत कसे पोहोचणार ते ठरवावं लागतं. Folder URLs, ports आणि domains हे तीन पर्याय, प्रत्येकाची किंमत वेगळी.

Root parent folder वर. root ला /usr/share/nginx/html/projects/projects; ठेवा. आता प्रत्येक project त्याच्या folder नावावर उघडतो:

1. http://PUBLIC_IP/music-player/
2. http://PUBLIC_IP/dad-jokes-generator/
3. http://PUBLIC_IP/rock-paper-scissors-game/

चालतं, पण visitors ना तुमची folder नावं माहीत असावी लागतील.

योग्य पद्धत. प्रत्येक site ला स्वतःचं domain name आणि स्वतःचा server block. दुसरा पर्याय तुम्ही आधी पाहिलाय: वेगवेगळे ports. Domains आणि server blocks पुढच्या chapter मध्ये.

8. लोक अडकतात अशा छोट्या गोष्टी

का. यातली प्रत्येक छोटी चूक गोंधळात टाकणारा error देते. त्या आधीच माहीत असल्या की debugging चा एक तास वाचतो.

1. Spaces किंवा brackets असलेले URLs. पूर्ण URL double quotes मध्ये टाका, नाहीतर shell तो तोडतो:

   sudo wget "https://example.com/files/my song (live).mp3"
   

2. main.zip.1. main.zip आधीच असेल तर wget पुढचा download main.zip.1 म्हणून save करतो. आधी जुनी file delete करा (sudo rm main.zip), किंवा download ला स्वतः नाव द्या:

   sudo wget -O site2.zip https://github.com/OWNER/REPO/archive/refs/heads/main.zip
   

3. Unzip ला sudo. /usr/share/nginx आणि त्यातला html folder root चे आहेत, म्हणून तिथे unzip आणि mv ला sudo लागतो.

4. Quality वेगवेगळी. कोणीही repo publish करू शकतो. काही polished दिसतात, काही rough. Promise करण्याआधी preview करा.
5. LICENSE check करा. Template पुन्हा वापरण्याआधी, किंवा त्यावरून बनवलेली site विकण्याआधी, repo ची LICENSE file उघडा आणि ती पाळा; credit मागितलं असेल तर द्या.

खरं skill. समजा एखाद्या local bakery किंवा tuition class ला साधी website हवीये. ज्याचं licence परवानगी देतं असा template निवडा, text आणि images बदला, आणि EC2 वर host करा.

9. सावधान: phishing login pages

10. Clean up आणि पुढे काय

का. विसरलेला practice server पैसे घेत राहतो. काम संपल्यावर तो terminate करणं हा कामाचाच भाग.

Step 1. Practice झाली की EC2 console मध्ये instance terminate करा, म्हणजे पैसे लागणं थांबतं.

पुढे. Domain names आणि server blocks ने एका server वर अनेक websites host करणं.

11. पूर्ण flow एका page वर

1. ज्याच्या language bar मध्ये फक्त HTML, CSS आणि JavaScript आहे असा public repo शोधा.
2. ssh -i mykey.pem ec2-user@PUBLIC_IP (key फक्त तुम्हालाच वाचता यावी: chmod 400, किंवा Windows Properties).
3. Download ZIP वर right-click, link copy करा.
4. cd /usr/share/nginx, sudo wget <link>, sudo unzip master.zip, sudo mv REPO-master tensites.
5. index.html दिसेपर्यंत cd आणि ls; मग pwd.
6. sudo nano /etc/nginx/nginx.conf: root <तो path>;.
7. sudo service nginx reload, http://PUBLIC_IP/ उघडा.
8. LICENSE check करा; काम झालं की instance terminate करा.

12. Hands-on lab: GitHub repository पासून live site पर्यंत

हा lab का. खऱ्या कामात code तुमच्या keyboard मधून नाही, GitHub वरून येतो. हा lab एक public HTML/CSS/JavaScript repository घेऊन Nginx ने live करतो, प्रत्येक step ला check सकट.

1. Static repository निवडा
   • करा: GitHub वर अशी public repository उघडा जिच्या language bar मध्ये फक्त HTML, CSS आणि JavaScript आहे, आणि वरच्या पातळीवर index.html आहे.
   • Check करा: File list मध्ये index.html दिसते.
   • का: Nginx एकटा फक्त साध्या files देऊ शकतो. Java, Python किंवा PHP असलेल्या repo ला backend लागतो, तो course मध्ये पुढे येतो.
2. Key fix करा आणि login करा
   • Command: chmod 400 mykey.pem && ssh -i mykey.pem ec2-user@PUBLIC_IP
   • काय दिसेल: ec2-user चा prompt.
   • Check करा: UNPROTECTED PRIVATE KEY FILE warning नाही.
   • का: इतरांना वाचता येणारी key ssh नाकारतो. Windows वर chmod ऐवजी file च्या Properties → Security वापरा.
3. Nginx start करा
   • Command: sudo yum install nginx -y && sudo service nginx start
   • काय दिसेल: Complete! (किंवा Nothing to do.), मग systemctl redirect ची ओळ.
   • Check करा: http://PUBLIC_IP/ मध्ये Nginx welcome page दिसतं.
   • का: आधी welcome page दिसलं की Nginx आणि port 80 चालतात हे सिद्ध होतं, म्हणून नंतरचा प्रॉब्लेम तुमच्या files किंवा settings मध्येच.
4. Server वर ZIP download करा
   • Command: cd /usr/share/nginx && sudo wget https://github.com/OWNER/REPO/archive/refs/heads/master.zip
   • काय दिसेल: master.zip ... saved.
   • Check करा: ls मध्ये master.zip दिसतं.
   • का: Link Code → Download ZIP मधून जशीच्या तशी copy करा; काही repos main वापरतात. Laptop वर download करून scp ने upload करण्यापेक्षा server वरचा wget जलद.
5. Unzip आणि rename करा
   • Command: sudo unzip master.zip && sudo mv REPO-master mysite
   • काय दिसेल: प्रत्येक file साठी एक inflating: ओळ.
   • Check करा: ls mysite मध्ये index.html दिसते.
   • का: छोटं folder नाव root ची ओळ सोपी ठेवतं. index.html थेट आत असायला हवी, नाहीतर Nginx 403 किंवा 404 दाखवतो.
6. Nginx ला folder कडे point करा
   • Command: sudo nano /etc/nginx/nginx.conf
   • काय दिसेल: server block मध्ये root /usr/share/nginx/mysite; set करा. Save करून बाहेर पडा.
   • Check करा: sudo nginx -t → syntax is ok आणि test is successful.
   • का: root Nginx ला सांगतो कोणता folder म्हणजे website. Typo ने site बंद पडू नये म्हणून reload आधी test.
7. Reload करा आणि site उघडा
   • Command: sudo service nginx reload
   • काय दिसेल: Redirecting to /bin/systemctl reload nginx.service
   • Check करा: http://PUBLIC_IP/ मध्ये repository ची site, styles आणि images सकट दिसते.
   • का: Page दिसलं पण styles नाहीत, तर CSS path चुकलाय किंवा file नावात case वेगळा आहे; DevTools → Network उघडून 404 शोधा.
8. Practice संपली की terminate करा
   • करा: EC2 console → instance select करा → Instance state → Terminate instance.
   • Check करा: State Terminated; थोड्या वेळाने तो list मधून जातो.
   • का: Code अजूनही GitHub वर आहे, म्हणून काहीच हरवत नाही. विसरलेला server पैसे घेत राहतो.

13. घरी करून बघा

Recap

Ravindra Bagale, trainer: linkedin.com/in/ravindra-bagale. OWNER/REPO म्हणजे कुठलाही public repository; tensites, projects, project folders ची नावं आणि mykey.pem शिकण्यासाठीची उदाहरणं आहेत; PUBLIC_IP म्हणजे तुमच्या instance चा public IPv4 address. Outputs "..." ने छोटे केलेत; prompt मधलं hostname उदाहरणादाखल आहे.

उजळणी, तुलना आणि मुलाखत cards

हा lesson काही मिनिटांत revise करा. Cards phone वर save करा किंवा PNG download करा. प्रत्येक card वरचा QR हा lesson उघडतो.

अजून cards: Ravi Sir's Cards.