GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kireerik → Razzle Material Ui Styled Example

kireerik / Razzle Material Ui Styled Example

Razzle Material-UI example with Styled Components using Express with compression

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactwebpackboilerplatetemplateexpressssrexamplestyled-componentsmaterial-uicompressionserver-side-renderinguniversalisomorphicexample-projectreact-dom

Projects that are alternatives of or similar to Razzle Material Ui Styled Example

Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+718.8%)
Mutual labels:  webpack, universal, example, boilerplate, template, ssr
React App
Create React App with server-side code support
Stars: ✭ 614 (+424.79%)
Mutual labels:  webpack, isomorphic, boilerplate, template, ssr, server-side-rendering
Universal Starter
Angular 9 Universal repo with many features
Stars: ✭ 518 (+342.74%)
Mutual labels:  webpack, universal, example, ssr, server-side-rendering
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-26.5%)
Mutual labels:  express, universal, boilerplate, ssr, server-side-rendering
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (+20.51%)
Mutual labels:  webpack, isomorphic, boilerplate, styled-components, server-side-rendering
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: ✭ 169 (+44.44%)
Mutual labels:  webpack, boilerplate, template, ssr, server-side-rendering
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (+25.64%)
Mutual labels:  webpack, universal, isomorphic, boilerplate, styled-components
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-72.65%)
Mutual labels:  webpack, express, universal, boilerplate, template
Vortigern
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.
Stars: ✭ 647 (+452.99%)
Mutual labels:  webpack, universal, isomorphic, boilerplate
React Isomorphic Boilerplate
🌟 An universal React isomorphic boilerplate for building server-side render web app.
Stars: ✭ 653 (+458.12%)
Mutual labels:  webpack, isomorphic, boilerplate, server-side-rendering
React Redux Boilerplate
It is a boilerplate of React-Redux as the infrastructure, which helps to setup a Web APP quickly
Stars: ✭ 113 (-3.42%)
Mutual labels:  universal, isomorphic, example, boilerplate
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+3631.62%)
Mutual labels:  boilerplate, ssr, styled-components, server-side-rendering
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+471.79%)
Mutual labels:  webpack, universal, isomorphic, server-side-rendering
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (-34.19%)
Mutual labels:  webpack, boilerplate, ssr, server-side-rendering
Pup
The Ultimate Boilerplate for Products.
Stars: ✭ 563 (+381.2%)
Mutual labels:  example, boilerplate, ssr, styled-components
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (-4.27%)
Mutual labels:  universal, isomorphic, boilerplate, ssr
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-66.67%)
Mutual labels:  boilerplate, material-ui, template, ssr
Webpack Isomorphic Dev Middleware
The webpack-dev-middleware, but for isomorphic applications
Stars: ✭ 38 (-67.52%)
Mutual labels:  webpack, express, universal, isomorphic
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+825.64%)
Mutual labels:  webpack, express, boilerplate, server-side-rendering
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+143.59%)
Mutual labels:  webpack, ssr, styled-components, server-side-rendering
View All Similar Projects ➔

Razzle Material-UI Styled Example

Node.js        Yarn        Razzle        Express

React        Styled Components        Material-UI


GitPunch
⭐ Star and get notified about new releases via email.

Features

  • Razzle
    • Server Side Rendering
    • Hot Module Replacement for both client and server side ReactReact components
    • Up to date JavaScript (ECMAScript 6 (2015)) support
    • Single route static site generation
  • Express server with gzip compression

Getting Started

  • Initial steps
    • Install Node.js and Yarn.
    • Download or clone this repository.
    • Open a command prompt in the project folder.

Install dependencies:

yarn install

Start the server:

yarn start

This command initiates a build process and starts the server in production mode.

Visit http://localhost/ to access the web application.

Development

Start the server in development mode:

yarn dev

Single route static site generation

Generate a static site:

yarn static

Open the index.html within the static folder to access the web application. The folder name can be modified with the RAZZLE_STATIC_PATH environment variable.

Idea behind the example

This project is based on the basic razzle example. This repository also satisfies the following 2 entry points requred by Razzle:

  • src/index.js for the server
  • src/client.js for the browser
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].