Steps you should follow To Deploy a file with Netlify..

Shristy — Mon, 14 Mar 2022 15:05:32 +0000

Usually,when we complete our project and we want to share it with others but some people that are not arround us they can't see the output of our project,this is when Netlify comes in use.
We can deploy our project on Netlify and get a direct link/URL of our project.You may think that github is also doing the same thing so that the people from various regions can view our project but this is different on github if they want to view the output they can't but with the URL we got from Netlify.com they can easily view the output and can give their feedback.

In this blog, you can easily learn the steps for Deploying file with Netlify

Steps for creating Netlify Account

First you are gonna need a Netlify account.Click here
Create a free Netlify Account.

Steps for Deploying files from Local computer

Create a folder and add all your project files(HTML,CSS,Javascript).
Log in to your Netlify account and select Add new site button and after selecting this select Deploy Manually.

Now drag and drop the project folder on Netlify as shown in the picture.

Netlify will start the Deployment until the completion of the deployment the link will be in red colour.

After the completion of the Deployment the link will be in green colour.

Now if you made some changes in your project/website folder and want to update the site you can select deploys tab and select the site and drag the updated folder it will get updated in the same URL.

Note:The name of the main HTML file must be index.html otherwise the site won't get deployed and you will get an error.

Steps for Deploying File using git repository.

Make a git repository and push all the project folders.
Log in to Netlify and select Add new site button and then select import an existing project.

Now select the Github and you will be redirected to your github account for authorization.

After authorization select the git repository that contains your project files or you can also select all your repositories.

After choosing the repository, you can add custom site settings to the websiteor you can choose the default settings if the source files are present at the root of the repository, and select ‘Deploy Site’.

If your project files are not present at the root directiory ,they will be at sub-directory so mention the sub-directory name in the publish directory field and then press 'Deploy site'.
For any other updates on the project files it will automatically get deployed again in the same URL.
Netlify gives your site a ceratin name, you can change that name by selecting Site setting button and giving the desired name for your site.

After following these easy steps you completed the Deployment process now you can access your project online and can have a link that you can share with others

Conclusion

This is how you can deploy your files with Netlify.I hope you were able to understand the steps.
You can follow me on twitter for more such contents.
[https://twitter.com/Shristy_29]

Basic Commands of Git

Shristy — Wed, 16 Feb 2022 07:50:48 +0000

Git Congiguration

git config --global user.name “Your Name”

Set the name that will be attached to your commits and tags.

git config --global user.email “you@example.com”

Set the e-mail address that will be attached to your commits and tags.

To view the configuration

git config --global user.name
git config --global user.email

Starting a project

Create a project on your computer

 mkdr [project name]

 cd [project name]

To initialize empty git repository inside the project

 git init

To view hidden files(.extension) inside the project folder

ls -a

To view inside the hidden .git file

ls .git

To create new empty file

touch [filename]

It allows us to see the tracked,untracked files and changes

git status

Adding a particular file to staging area

git add [filename]

Adding all the files to the staging area from current directory down into the directory tree.

git add .

Create a new commit from changes added to the staging area.
The commit must have a message!

git commit -m "Message"

It shows history of commit of the current branch

git log

To unstage your file/Removing changes from staging area

git restore --staged [filename]

To remove a commit from the history of a project

git reset commit_hashnode

Git has an area called the stash where you can temporarily store a snapshot of your changes without committing to the repository.

Put current changes in your working directory into stash for later use.

git stash

Apply stored stash content into working directory, and clear stash.

git stash pop

Delete a specific stash from all your previous stashes.

git stash drop

Connect remote repository to local repository by using this command

git remote add origin url

Pushing local changes to remote repository

git push origin master  /
git push -u origin master

A fork is a rough copy of a repository. Generally forking a repository allows us to experiment on the project without affecting the original project
Reason for forking the project
1.propose changes to someone else's project
2.Use an existing project as a starting point.

Cloning the forked project to local

git clone url

After cloning you will be able to see clone project inside your project folder

upstream : upstream generally refers to the original repository that you have forked from other git repositories.

git remote add upstream url

for viewing both url(origin and upstream):

git remote -v

create new branch

 git branch branchname

The git checkout command switched branches or restores working tree files. It allows switching between multiple features/branches in a single repository.

git checkout [branchname]

It shows the list of the branches

git branch

Why we create new branch?
=>Because we want to open a new pull request and we can only open a new pull request with a new branch. In simple language one pull request means one branch.
Never commit on main branch and create our pull request first.

Conclusion

That's a wrap!! You 've made it to the end of this blog!
Follow me on twitter for more such contents

DEV Community: Shristy

Steps you should follow To Deploy a file with Netlify..

Steps for Deploying files from Local computer

Steps for Deploying File using git repository.

Conclusion

Basic Commands of Git

Git Congiguration

Starting a project

Conclusion