abdelhak-zaaim/alkhaled-family

Deploy this Website from GitHub Repo on Ubuntu + Nginx

1. Install Nginx

   Open the terminal and run the following commands:

   sudo apt update
   sudo apt install nginx

2. Clone the GitHub Repository

   Clone the GitHub repository containing your website:

   git clone https://github.com/abdelhak-zaaim/www.alkhaledfamily.com.git

3. Move Website Files

   Move the website files (HTML, CSS, JavaScript, and any other assets) to the appropriate location:

   sudo mv your-repo/* /var/www/html

4. Set Ownership and Permissions

   Set the correct ownership and permissions for the website directory:

   sudo chown -R www-data:www-data /var/www/html
   sudo chmod -R 755 /var/www/html

5. Configure Nginx

   Open the default Nginx configuration file:

   sudo nano /etc/nginx/sites-available/default

   Inside the file, replace the server block with the following configuration:

   server {
       listen 80;
       listen [::]:80;
   root /var/www/html;
   index index.html index.htm;
   
   server_name your_domain.com;
   
   location / {
       try_files $uri $uri/ =404;
   }
   
   }
   Replace your_domain.com with your actual domain name or IP address.
   

6. Test and Restart Nginx

   Test the Nginx configuration for any syntax errors:

   sudo nginx -t

   If everything is fine, you should see a "syntax is okay" message.

   Restart Nginx to apply the changes:

   sudo service nginx restart

7. Access Your Website

   Your website should now be accessible through your domain name or IP address. Open a web browser and enter your domain name or IP address to see your website.