Hello World - gae-static Project Demo

This is a demo of serving a purely static website with Google App Engine on Google Cloud Platform. It was created without a single line of programming code and without fiddling with a command line - perfect for designers and rapid prototyping!

Google App Engine is now a great hosting solution for simple websites as well as extremely complex applications. Visit the gae-static Github project to easily download the sample code to start your own static website.

Project Highlights of gae-static

Getting Started

To get started creating your first website, check out the Absolute Primer Guide, which will take you through getting set up on Google Cloud Platform and Deploying your site.

If you run into snags, check out the Google App Engine channel on Stack Overflow. If you experience troubles with this tutorial or with the files you serve, feel free to create an issue on our Github project.

The Important Bits - app.yaml

There are only two critical things to have when setting up your project: the app.yaml and the www folder. Here are the basics of your app.yaml file:

application: gae-static
version: 1
runtime: python27
api_version: 1
threadsafe: yes

error_handlers:
- file: 404.html

# index files
handlers:
- url: /(.+)/
  static_files: www/\1/index.html
  upload: www/(.+)/index.html

# site root
- url: /
  static_files: www/index.html
  upload: www/index.html

# For folders without trailing slashes - ideally a 301 redirect, but we're static & it isn't 2004
- url: /([^\.]+)([^/])
  static_files: www/\1\2/index.html
  upload: www/(.+)

# Redirect Everything else
- url: /(.+)
  static_files: www/\1
  upload: www/(.+)
		

Examples

The App Engine icon at the top of the page is served up statically.

Example Folder Structure

This project and help guide was created by Blaine Garrett but feel free to contribute on Git Hub!