Does anyone miss Classic MVC here ?

[timedtext]

Hello guys.
I found getServerSideProps allows us to conveniently use next.js as a view engine.

Do you think this is useful?

// fastify server.js
const fastify = require('fastify')({ logger: { level: 'error' } })
const Next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'

fastify.register((fastify, opts, next) => {
  const app = Next({ dev })

  fastify.decorateReply('view', async function(template, data) {
    this.res.viewdata = data
    return await app.render(
      this.request.req,
      this.res,
      template,
      this.request.query
    )
  })

  app
    .prepare()
    .then(() => {
      // use next.js as a view engine
      fastify.get('/a', async (req, res) => {
        const data = { msg: 'Make MVC Great Again.' }
        return await res.view('/a', data)
      })

      if (dev) {
        fastify.get('/_next/*', (req, reply) => {
          return app.handleRequest(req.req, reply.res).then(() => {
            reply.sent = true
          })
        })
      }

      fastify.all('/*', (req, reply) => {
        return app.handleRequest(req.req, reply.res).then(() => {
          reply.sent = true
        })
      })

      fastify.setNotFoundHandler((request, reply) => {
        return app.render404(request.req, reply.res).then(() => {
          reply.sent = true
        })
      })

      next()
    })
    .catch(err => next(err))
})

fastify.listen(port, err => {
  if (err) throw err
  console.log(`> Ready on http://localhost:${port}`)
})

// next.js page
import React from 'react'

export const getServerSideProps = ({ res }) => {
  return { props: res.viewdata || {} }
}

export default ({ msg }) => <h3>{msg}</h3>

[iampeterbanjo]

Interesting! Have you tried this in a project?

[timedtext]

Not yet. check this out https://github.com/kyle-mccarthy/nest-next

[iampeterbanjo]

thanks