Git Product home page Git Product logo

1905-getting-started-with-netlify's Introduction

Getting Started with Netlify

This site supports JAMstack Cincinnati's May 2019 meetup on Getting Started with Netlify. This meetup represents the first in a multi-step series on getting comfortable working with the JAMstack.

Prerequisites

Before we dig in, make sure you have the prerequisites covered:

  1. A basic understanding of Git.
  2. A GitHub account.
  3. Basic knowledge of HTML and CSS.
  4. Yarn is not 100% necessary, but can make working with the project in development (on your machine) a little easier.

Setup

First, fork the repository on GitHub into your own user's space.

Then clone the repository to your local filesystem (make sure to replace [YOUR_USERNAME]):

$ git clone [email protected]:[YOUR_USERNAME]/1905-getting-started-with-netlify.git

If you are going to use Yarn to run the local server, you can first install the dependencies:

$ yarn install

Running the Project Locally

This project uses http-server to run your www directory as a web server. You don't have to do this, though. The project is also configured so that you can open the HTML files directly in the browser.

If you want to run the server, make sure the JS packages are installed first (yarn install) and then you can start up the dev server:

$ yarn run dev

After doing this, you should be able to navigate to http://localhost:8000 in your browser and see the home page of the project.

Workshop

These are the steps we're going to follow in the workshop:

Basics

  1. Setup your GitHub account and make sure Git is running on your machine.
  2. Fork this repository, clone and run it locally.
  3. Create (or sign into) your Netlify account.
  4. Create a new project from your GitHub fork.
  5. [Discussion] The basics of Continuous Deployment (CD).
  6. Make a change.
  7. Commit, push, deploy.

Forms

  1. Add a contact.html page to your project with a Netlify form.
  2. Commit, push, deploy.
  3. Add a reCAPTCHA field.
  4. Commit, push, deploy.

Redirects

  1. Add file and entry for redirect of /contact-us to /contact
  2. Commit, push, deploy.

Alternative Deployments

  1. Deploy Previews
  2. Branch Deploys
  3. Commit Deploys

1905-getting-started-with-netlify's People

Contributors

jordanthomas avatar seancdavis avatar

Stargazers

 avatar

Watchers

 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.