A progressive React server side rendering framework Sample in 2020

A progressive React server side rendering framework Sample in 2020

tutorials -


A progressive React serverside-rendering framework.


I love using Next.js, but most of my projects need to use our own web server framework while Next.js run it own server. So I begin making a SSR framework (core) that like Next.js but open for server implementation. It does all the building, compiling, rendering-to-string things and give the rest render-to-html things to your own web server.

Of course I know Next.js can custom server and routing, but while Next.js handle the whole http context, I cannot use it in a high layer web framework.

Read the announcing post


Quick Start

npm i serlina react react-dom --save

Create a folder structure like:

├── index.js
├── page
│   └── page1.js
// page/page1.js

export default () => {
  return <div>Hello Serlina!</div>

And implement a most simple http server:

// index.js

const { Serlina } = require('serlina')
const path = require('path')

const http = require('http')

const serlina = new Serlina({
  baseDir: path.resolve(__dirname, './')

  .then(() => {
    http.createServer(async (req, res) => {
        res.writeHead(200, { 'Content-Type': 'text/html' })
        if (req.url === '/page1') {
          const rendered = await serlina.render('page1')
        } else {

Open http://localhost:8090/page1, you will see the page you wrote in React!


npm run bootstrap

npm test # run test


Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff