HOST STATIC WEBSITE ON NETTLIFY; A BEGINNER-FRIENDLY GUIDE TO WEB DEVELOPMENT

Sammor-duah Hayford — Thu, 11 Jul 2024 21:39:18 +0000

Prerequisite

basic knowledge in html,
basic knowledge in cascading styles (css)
basic JavaScript knowledge.

Project Overview

This is a static website project hosted on Netlify and available on GitHub.
The project was created using basic web development tools and does not utilize any npm packages, making it straightforward and beginner-friendly.

TOOLS

Github: version control to track changes to our code.
Git: For version control and managing the code repository.
Visual Studio Code: As the code editor.
Netlify: For hosting the website.

## GETTING STARTED

Clone the Repository To get a copy of the project up and running on your local machine, clone the repository from GitHub:
- git clone https://github.com/Psam4ord/aws-resume-project.git

2.Open in Visual Studio Code:
Navigate to the project directory and open it in Visual Studio Code:

cd your-repository-name
code .

Now press enter

Project Structure

your-repo-name/
├── index.html
├── style.css
├── script.js
└── README.md
NB: YOU CAN MAKE MODIFICATIONS TO THE FILES TO SUITE YOUR STYLE.

Hosting on Netlify

Sign Up or Log In
Go to Netlify and sign up for an account if you don't have one. Log in if you already have an account.
Click on "New site from Git" on your Netlify dashboard.
Connect to your GitHub account and select the repository of your project.

4.Deploy Settings

For a basic static site, you don’t need to change any settings.
Click on "Deploy site."
Once the deployment is complete, Netlify will provide you with a URL where your site is live.

Conclusion

You've successfully set up and deployed a static website Netlify.
This simple setup is ideal for beginners and provides a solid foundation for further web development projects.

_Take the first step in faith, you don't have to see the whole staircase. Just take the first step. Dr. Martin Luther King 1929-1968 _

Forem: Sammor-duah Hayford

HOST STATIC WEBSITE ON NETTLIFY; A BEGINNER-FRIENDLY GUIDE TO WEB DEVELOPMENT

Project Structure