react-static - βš›οΈ πŸš€ A progressive static site generator for React.

  •        35

A progressive static-site generator for React. React-Static is a fast, lightweight, and powerful framework for building static-progressive React applications and websites. It's been carefully designed to meet the highest standards of SEO, site performance, and user/developer experience.

https://react-static.js.org
https://github.com/nozzle/react-static

Dependencies:

@babel/cli : ^7.0.0-rc.1
@babel/core : ^7.0.0-rc.1
@babel/plugin-proposal-class-properties : ^7.0.0-rc.1
@babel/plugin-proposal-export-default-from : ^7.0.0-rc.1
@babel/plugin-proposal-optional-chaining : ^7.0.0-rc.1
@babel/plugin-syntax-dynamic-import : ^7.0.0-rc.1
@babel/plugin-transform-runtime : ^7.0.0-rc.1
@babel/preset-env : ^7.0.0-rc.1
@babel/preset-react : ^7.0.0-rc.1
@babel/preset-stage-0 : ^7.0.0-rc.1
@babel/register : ^7.0.0-rc.1
@babel/runtime : ^7.0.0-rc.1
@types/react : ^16.4.11
@types/react-helmet : ^5.0.7
@types/react-router-dom : ^4.3.0
autoprefixer : ^9.1.1
axios : ^0.18.0
babel-loader : ^8.0.0-beta
babel-plugin-universal-import : ^3.0.0
case-sensitive-paths-webpack-plugin : ^2.1.2
chalk : ^2.4.1
chokidar : ^2.0.4
circular-dependency-plugin : ^5.0.2
commander : ^2.17.1
cors : ^2.8.4
css-loader : ^1.0.0
download-git-repo : ^1.1.0
eslint-config-react-tools : ^1.0.0
extract-css-chunks-webpack-plugin : ^3.0.11
file-loader : ^1.1.11
fs-extra : ^7.0.0
git-promise : ^0.3.1
glob : ^7.1.2
history : ^4.7.2
html-webpack-plugin : ^3.2.0
inquirer : ^6.1.0
inquirer-autocomplete-prompt : ^1.0.1
match-sorter : ^2.2.3
openport : ^0.0.5
optimize-css-assets-webpack-plugin : ^5.0.0
postcss-flexbugs-fixes : ^4.1.0
postcss-loader : ^3.0.0
preact : ^8.3.1
preact-compat : ^3.18.3
pretty-error : ^2.1.1
progress : ^2.0.0
prop-types : ^15.6.1
raf : ^3.4.0
raw-loader : ^0.5.1
react : ^16.4.2
react-dev-utils : ^5.0.1
react-dom : ^16.4.2
react-helmet : ^5.2.0
react-hot-loader : ^4.3.4
react-router : ^4.3.1
react-router-dom : ^4.3.1
react-universal-component : ^3.0.0
resolve-from : ^4.0.0
serve : ^9.6.0
shorthash : ^0.0.2
slash : ^2.0.0
socket.io : ^2.1.1
socket.io-client : ^2.1.1
style-loader : ^0.22.1
swimmer : ^1.4.0
uglifyjs-webpack-plugin : ^1.3.0
upath : ^1.1.0
update-notifier : ^2.5.0
url-loader : ^1.1.1
webpack : ^4.16.5
webpack-bundle-analyzer : ^2.13.1
webpack-dev-server : ^3.1.5
webpack-flush-chunks : ^2.0.1
webpack-node-externals : ^1.7.2

Tags
Implementation
License
Platform

   




Related Projects

Gatsby - Blazing fast static site generator for React

  •    Javascript

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

cuttlebelle - The react static site generator that separates editing and code concerns

  •    HTML

All static site generators I have used restrict you to use one layout per page. Todays webdesign needs have outgrown this and we often find ourself either adding code into our content pages (markdown files, liquid templates) or content into our code. That makes updating and maintaining a page hard, especially for a non-technical content author. I needed a generator that can separate content from code as cleanly as possible while still staying a static site generator and as dynamic as possible.

nextein - A static site generator with markdown + react for Next.js

  •    Javascript

nextein is a wrapper around next.js that allows you to write static sites using markdown and react. NodeJS v8.x+ is required to run nextein commands.

react-snapshot - A zero-configuration static pre-renderer for React apps

  •    Javascript

Server-side rendering is a big feature of React, but for most apps it can be more trouble than its worth. Personally, I think the sweet spot is taking static site snapshots of all your publicly-accessible pages & leaving anything requiring authentication as a normal, JS-driven Single Page App. This is a project to do that. Automatically, without any configuration, just smart defaults. Retrospective progressive enhancement.

react-snap - πŸ‘» Zero-configuration framework-agnostic static prerendering for SPAs

  •    Javascript

Pre-renders web app into static HTML. Uses headless chrome to crawl all available links starting from the root. Heavily inspired by prep and react-snapshot, but written from scratch. Uses best practices to get best loading performance. Zero configuration is the main feature. You do not need to worry how does it work or how to configure it. But if you are curious here are details.


Netlify CMS - A CMS for Static Site Generators

  •    Javascript

A CMS for static site generators. Give non-technical users a simple way to edit and add content to any site built with a static site generator.Netlify CMS is a single-page app that you pull into the /admin part of your site.

create-react-app-buildpack - Heroku Buildpack for create-react-app: static hosting for React

  •    Shell

Deploy React.js web apps generated with create-react-app. Automates deployment with the built-in bundler and serves it up via Nginx. See the introductory blog post and entry in Heroku elements. This buildpack deploys a React UI as a static web site. The Nginx web server provides optimum performance and security for the runtime. See Architecture for details.

wintersmith - A flexible static site generator

  •    CoffeeScript

Wintersmith is a simple yet flexible static site generator. It takes contents (markdown, less, scripts, etc), transforms them using plugins and outputs a static website (html, css, images, etc) that you can host anywhere. Where <path> is the location you want the site to be generated. This creates a skeleton site with a basic set of templates and some articles, while not strictly needed it's a good starting point.

staticsitegenerators-list - A comprehensive, partially automatically generated comparison of static site generators

  •    Javascript

Currently, this listing is only for projects that relate to Flat File Content Management Systems and/or Static Site Generators, but not for projects which relate only to Dynamic Servers (such as WordPress and Ghost).Entries are stored within the list.json file.

Publii - Publii is a desktop-based CMS for Windows and Mac that makes creating static websites fast and hassle-free, even for beginners

  •    HTML

Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners. Unlike static-site generators that are often unwieldy and difficult to use, Publii provides an easy-to-understand UI much like server-based CMSs such as WordPress or Joomla!, where users can create posts and other site content, and style their site using a variety of built-in themes and options. Users can enjoy the benefits of a super-fast and secure static website, with all the convenience that a CMS provides.

react-static-site - An experiment in generating a static site from react

  •    Javascript

You can read a detailed explanation of this experiment on my blog. Note: dev/bundle*.js etc have been committed purely to have a complete example. they will be rewritten on run and would normally be git ignored.

static-react - Zero-configuration CLI React static renderer

  •    Javascript

Use the getInitialProps static method to fetch data or get server-side props for things like CSS-in-JS libraries. Use the getInitialProps to pass side effects from CSS-in-JS libraries as props.

Hugo - A Fast and Flexible Static Site Generator built with love in GoLang

  •    Go

A Fast and Flexible Static Site Generator built with love by spf13 and friends in Go.Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo is designed to work well for any kind of website including blogs, tumbles, and docs.

Jekyll - Simple, Blog-aware, Static Site Generator

  •    Ruby

Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through Markdown (or Textile) and Liquid converters, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Jekyll also happens to be the engine behind GitHub Pages.

gutenberg - A fast static site generator in a single binary with everything built-in.

  •    Rust

A fast static site generator in a single binary with everything built-in. Documentation is available on its site or in the docs/content folder of the repository.

zola - A fast static site generator in a single binary with everything built-in.

  •    Rust

A fast static site generator in a single binary with everything built-in. Documentation is available on its site or in the docs/content folder of the repository and the community can use its forum.

metalsmith - An extremely simple, pluggable static site generator.

  •    Javascript

An extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together. Here's what the simplest blog looks like...

pugo - a static site generator & deployer

  •    Go

a simple and fast static site generator by Golang. Pugo is a simple and fast static website generator. It renders markdown contents to html files with simple options. Pugo is designed to blog or simple contents website.

Middleman - Hand-crafted frontend development

  •    Ruby

Middleman is a static site generator using all the shortcuts and tools in modern web development. These days, many websites are built with an API in mind. Rather than package the frontend and the backend together, both can be built and deployed independently using the public API to pull data from the backend and display it on the frontend. Static websites are incredibly fast and require very little RAM. A front-end built to stand-alone can be deployed directly to the cloud or a CDN. Many designers and developers simply deliver static HTML/JS/CSS to their clients.

harp - Static Site Server/Generator with built-in preprocessing

  •    Javascript

Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. It's simple, it's easy to maintain, it's low risk, easy to scale, and requires low cognitive overhead. I wanted a lightweight web server that was powerful enough for me to abandon web frameworks for dead simple front-end publishing.