How to create Free website tutorial -2

 Hey, today I talk about How to create a vueJS website How to add a domain, and Hosting free.

So Now we look at How to do it. We know VueJS is a JavaScript framework and I told you how to set it up. So now you have to VueJs project and is open to your code editor(Famous code editor is a visual studio code). After that, we can see some folders and files in our project. In that files, we edit only the App.js file. Now we look at how to code inside the App.js file. I show you an example on the App.js file.

<!--

Say Hello World with Vue!

-->

<script>

export default {

  data() {

   return {

    message: 'Hello World!'

   }

  }

}

</script>

<template>

  <h1>{{ message }}</h1>

</template>

So in that file, we coding only inside <template></template> tags. Now we look at how to run our vue website on our device. First, you need to open a new terminal in your code editor and type npm run serves on a terminal and runs it. After that, you can see your website in localhost on your web server.

Now we look at how to host our project

 you know the best host platform is a GitHub website. First, you need to sign-up for GitHub and create a new repository. After that, you can see new code in the GitHub repository. You need to copy that, paste our terminal into the code editor, and run it. After running it's automatically uploaded to our repository.

GitHub repository

Now we look at How to Add a free domain to our project.

Now we get a free domain and it adds our project. First, you need to get a free domain name. You need to sign-up freenom website to get a free domain valid for one year. After that, we need to sing-up the Netlify website to deploy our website. After sign-up, you can see a top bar and click on the new site option. After that, you need to access your GitHub account to generate our app. After access, we need to select our repository and deploy our website automatically. 

Freenom

Finally, we discuss How to add a domain for our general website. you know we are searching our website in a domain name. It's very important for our website. So finally we deploy our website in Netlify and we can see our website link. Now we need to add a domain in that link they generate an SSL certificate. We need to delete the freenom name server and replace the Netlify name server. After that, we have to save it only.

Netlify

Contact