From command line

You don't have a specific project at hand but want to start from scratch? Below you can find instruction how to set up projects with popular frameworks starting from the command line.

Not what you are looking for? Start from a sample or deploy an existing repository.

Plain html site

The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser.

  1. Create a simple plain html site
mkdir html-site
cd html-site
echo '<!DOCTYPE html>\n<html>\n\t<body>\n\t\t<h1>Hello World!</h1>\n\t</body>\n</html>' > index.html
echo "file://`pwd`/index.html"
  1. Visit your site locally by copying stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Single Page Applications (SPA)

A single-page application (SPA) interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of reloading the entire page for every request.

Note

Following SPA instructions use npx. Make sure you have npx installed. npx is shipped by default since npm ≥ 5.2.0.

React App

A JavaScript library for building user interfaces

  1. Create a new React app
npx create-react-app@latest react-app
cd react-app
yarn start
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Vue App

The Progressive JavaScript Framework

  1. Create a new Vue app.
npx @vue/cli@latest create --default vue-app
cd vue-app
yarn serve
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Svelte App

Cybernetically enhanced web app

  1. Create a new Svelte app:
npx degit@latest sveltejs/template svelte-app
cd svelte-app
npm install
npm run dev
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. Svelte is one of those frameworks. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Angular App

The modern web developer's platform

  1. Create a new Angular app:
npx -p @angular/cli@latest ng new angular-app
cd angular-app
npm run start
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. Angular is one of those frameworks. Please follow the inputs you see in the screenshot below. Be aware that your dist folder depends on your Angular setup. See the given input as placeholder and please adapt it to your settings.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Ionic App

Ionic Framework's app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-web standards.

  1. Create a new Ionic app:
npx @ionic/cli@latest start ionic-app list --type=react --no-link
cd ionic-app
npm run start
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. Ionic is one of those frameworks. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Static Site Generators (SSG)

A Static Site Generator (SSG) is a tool which run as part of a build to transform content, data, and templates into files which can be deployed to a hosting environment as a ready-to-serve web site.

Note

Following SSG instructions use npx. Make sure you have npx installed. npx is shipped by default since npm ≥ 5.2.0.

Gatsby Site

Gatsby is a React-based, open source static site generator that pulls data via GraphQL to a wide range of content sources.

  1. Create a new site by entering the following commands in your terminal:
npx gatsby-cli@latest new gatsby-site
cd gatsby-site
npm run develop
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Gridsome Site

Gridsome is a Vue-based, open source static site generator that pulls data via GraphQL to a wide range of content sources.

  1. Create a new site by entering the following commands in your terminal:
npx @gridsome/cli@latest create gridsome-site
cd gridsome-site
npm run develop
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Hexo Site

Hexo is a fast, simple & powerful blog framework, powered by Node.js and NPM.

  1. Create a new site by entering the following commands in your terminal:
npx hexo-cli@latest init hexo-site
cd hexo-site
yarn server
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Docusaurus Site

Build optimized websites quickly, focus on your content with Docusaurus.

  1. Create a new site by entering the following commands in your terminal:
npx @docusaurus/init@latest init docusaurus-site classic
cd docusaurus-site
yarn start
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. Docusaurus is one of those frameworks. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Nuxt as SSG Site

Build your next Vue.js application with confidence using NuxtJS: a framework making web development simple and powerful.

  1. Create a new site by entering the following commands in your terminal:
Note

Be aware to choose "Static (Static/Jamstack hosting)" as deploymnent target. Deploy Now doesn't support server side node applications. As a result you can run following examples only in client mode.

npx create-nuxt-app@latest nuxt-site
cd nuxt-site
yarn dev
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. NuxtJS is one of those frameworks. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

Next as SSG Site

Next.js: The React Framework for Production

  1. Create a new site by entering the following commands in your terminal:
npx create-next-app@latest next-site
cd next-site
npx next@latest dev
  1. Visit your site locally by copying localhost address from CLI stdout to your favorite browser bar.
  2. Enable static HTML export
Note

Currently, Deploy Now doesn't support image optimization available in Next.js >= 10, so that you have to edit the index.js file to remove this feature.

Navigate to pages/index.js and delete the following import:

import Image from 'next/image'

Next, locate the following Image tag:

<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />

... and replace the Image tag with the standard HTML img tag accordingly:

<img src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />

Next, edit the package.json file and add the export option for prerendering all pages to HTML:

"scripts": {
    ...
    "export": "next build && next export"
},

At last, adapt .eslintrc.json to overcome Next.js eslint rules restrictions:

{
  "extends": ["next", "next/core-web-vitals"],
  "rules": {
    "@next/next/no-img-element": "off"
  }
}
  1. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks Deploy Now is able to detect and support out of the box is still limited. Next.js is one of those frameworks. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.

PHP

The following section give you some ideas to use PHP with Deploy Now.

Plain PHP Site

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML.

  1. Create a simple PHP site
mkdir php-site
cd php-site
echo '<?php phpinfo(); ?>' > index.php
php -S localhost:8000
  1. Visit your site locally by copying localhost:8000 to your favorite browser bar.
  2. Now, create a new Git repository on GitHub and copy the URI of the repo to your clipboard.

Afterwards initialize git and push your project to the created GitHub repository by the following commands.

git init
git add .
git commit -m "initial commit"
git branch -M main
git remote add origin git@github.com:username/reponame.git # replace by URI of your repo
git push -u origin main
  1. Setup deployment

Sign in to your Deploy Now account and click New project. Next, choose the source you want to deploy from. If you created a new GitHub repository you've probably to grant new permission rights to Deploy Now in GitHub. Otherwise it won't be listed right away if you choose Deploy from my own GitHub repository. After selecting your repository choose following configuration.

Note

At the moment the number of frameworks/languages Deploy Now is able to detect and support out of the box is still limited. PHP is one of those frameworks/languages. Please follow the inputs you see in the screenshot below.

Select configuration

Now, take a short break until your project is build and deployed. Deploy Now will always show you the current build & deploy status of your project. If it's done Deploy Now provides a direct URL to your project. Besides you find in your repository a new workflow file named .github/workflows/deploy-now.yaml.