DEV Community

Sammor-duah Hayford
Sammor-duah Hayford

Posted on

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

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

  1. 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 .
Enter fullscreen mode Exit fullscreen mode

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.

  1. 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.
  1. 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 _

Top comments (0)