Public | Automated Build

Last pushed: 6 months ago
Short Description
A containerized tool for developing responsive websites crazy-fast - https://sizzy.co/
Full Description

Sizzy

A tool for developing responsive websites crazy-fast, made by some handsome devil at http://kitze.io/

Containerized into a little ball of awesome, featuring:

  • Teeny-tiny official node:alpine image
  • Production-ready via yarn build (webpack á la create-react-app)
  • Static assets max. pre-compressed with Brotli
  • Production-optimized Nginx compiled with Brotli
  • Said static assets served with brotli compression + gzip fallback

NOTE: There are no security headers in the Nginx config - you should use this image behind a reverse proxy if you want to expose it (with SSL termination, of course). Your webserver should also support brotli compression if you want to take advantage of the brotlified goodness (see: https://certsimple.com/blog/nginx-brotli ). Here's a ready-to-rock Nginx image pre-complied with Brotli.

Start the party:

docker run -d --name sizzy -p 3033:80 detroitenglish/docker-sizzy:latest


<p align="center">
<img src="http://i.imgur.com/DmmJV3Z.png" alt="Sizzy" width="200"/>
</p>

Sizzy

A tool for developing responsive websites crazy-fast, made by @thekitze



Sharing with an url

Add ?url=http://your-url.com at the end of the url to share it with a preloaded url.

Example: <a href="http://sizzy.co?url=https://preactjs.com" target="_blank">http://sizzy.co?url=https://preactjs.com</a>

Chrome extension

Adds a Sizzy button in the Chrome toolbar, which on click opens any page directly into Sizzy.

Chrome Extension
Source

Getting Started

  1. Install the dependencies:

    yarn install
    
  2. Start the server:

yarn start
  1. Open it in your browser http://localhost:3033/

Tip: You can also use npm instead of yarn, and if you want to use yarn but you don't have it on your machine, here's how to install it.

Dev issues

Getting module not found errors

Files are imported from their absolute paths instead of their relative paths to avoid repeating ../../../../ when requiring files. Unfortunately on some machines, the NODE_PATH=./src rule from the .env file doesn't get applied, as mentioned in this issue.

Temporary solution is to run export NODE_PATH=./src in the terminal, before running yarn start.

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

<a href="https://opencollective.com/sizzy/backer/0/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/0/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/1/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/1/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/2/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/2/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/3/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/3/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/4/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/4/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/5/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/5/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/6/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/6/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/7/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/7/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/8/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/8/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/9/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/9/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/10/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/10/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/11/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/11/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/12/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/12/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/13/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/13/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/14/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/14/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/15/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/15/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/16/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/16/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/17/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/17/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/18/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/18/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/19/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/19/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/20/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/20/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/21/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/21/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/22/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/22/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/23/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/23/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/24/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/24/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/25/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/25/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/26/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/26/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/27/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/27/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/28/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/28/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/backer/29/website" target="_blank"><img src="https://opencollective.com/sizzy/backer/29/avatar.svg"></a>

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

<a href="https://opencollective.com/sizzy/sponsor/0/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/1/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/2/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/3/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/4/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/5/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/6/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/7/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/8/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/9/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/9/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/10/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/10/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/11/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/11/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/12/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/12/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/13/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/13/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/14/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/14/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/15/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/15/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/16/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/16/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/17/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/17/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/18/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/18/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/19/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/19/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/20/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/20/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/21/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/21/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/22/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/22/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/23/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/23/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/24/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/24/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/25/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/25/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/26/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/26/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/27/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/27/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/28/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/28/avatar.svg"></a>
<a href="https://opencollective.com/sizzy/sponsor/29/website" target="_blank"><img src="https://opencollective.com/sizzy/sponsor/29/avatar.svg"></a>

Docker Pull Command
Owner
detroitenglish
Source Repository