Coder Social home page Coder Social logo

dandirizkyy / w4-my-portfolio-dandirizkyy Goto Github PK

View Code? Open in Web Editor NEW

This project forked from revou-fsse-1/w4-my-portfolio-dandirizkyy

0.0 0.0 0.0 1.97 MB

w4-my-portfolio-DandiRizkyy created by GitHub Classroom

Home Page: https://dandirizky.site

CSS 55.80% HTML 44.20%

w4-my-portfolio-dandirizkyy's Introduction

Dandi Rizky Week 4 Assignment (Deployment and Custom Domain Setup)

hello

Description โœ๐Ÿป


On this week assignments, i do some documentation on how to deploy website to netlify, cloudflare, buy domain at niagahoster and connect custom domain to netlify.


Links ๐Ÿ”—


Deployment Process ๐Ÿ””


1. Sign Up to Netlify

  • First of all, you need to sign up to netlify in order to configure and deploy your website. Netlify Signup

2. Importing Project

  • Second, you need to import your project from your github repository. Importing Project Importing Project

3. Choose Your Project

  • Third, choose your project from your repository and click Deploy Site ! Choosing Project Choosing Project Choosing Project

4. And voila, Your Site Is Deployed and Live for Public !

  • You could also change the site name whatever you want, but we're not done yet because the domain name still ended with netlify.app. To fix that we need to buy a new domain name from domain registrar, In the next steps i will show you how to buy a new domain name from NiagaHoster. Deployed Deployed Deployed

Buying Domain Name From NiagaHoster ๐Ÿ’ก


1. Go to NiagaHoster Website

  • Hover your mouse to Domain and click Cari & Cek Domain. From there you can input your domain name (dot) site, and they will check it's avaibility. If it's avaiable, you can click pilih. Buying Domain Name Buying Domain Name

2. Finish The Payment Method

  • You can use a lot of different payment methods here. Click Lanjutkan to finish the payment process. Buying Domain Name

  • Because i already bought the domain name before, after done the payment process, hover your mouse to Layanan and click Layanan Saya. Buying Domain Name

  • Andd voila ! you just bought a fresh Domain Names Buying Domain Name

Custom Domain Setup Process ๐Ÿ“Œ


1. Setting up your Domain on Cloudflare

  • After you bought your domain, go to cloudflare website, register and click add site Setup Domain

  • After that, enter your domain names and choose free plan. Setup Domain Setup Domain

  • After choosing plan, click add record, set type into CNAME, input @ and www, input netlify domain name and click save Setup Domain Setup Domain

  • Also dont forget to change the original niagahoster nameservers to cloudflare nameservers (the changing process could take up to 24 hours, so be patient.) Setup Domain Setup Domain

    Anddddd that's it ! The next step is Setting Custom Domain on Netlify.

2. Setting up Custom Domain to Netlify

  • After you set your domain on cloudflare, go back to netlify and click set custom domain Setup Custom Domain Netlify

  • Enter your domain names, click verify and add domain. Setup Custom Domain Netlify Setup Custom Domain Netlify

All set ! Your Website is Ready ! ๐ŸŽŠ


Setup Custom Domain Netlify Setup Custom Domain Netlify

w4-my-portfolio-dandirizkyy's People

Contributors

dandirizkyy avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.