example implementation for server side rendering?

Hi! First, thanks for your tremendously awesome work on this ecosystem. I’ve been using next.js for two days now and for the most part everything just works. Very impressive given all the complexity under the hood!

I have one question… are there any examples of using styled-jsx with a custom server? I see you have a request handler in the readme, but I’m not sure how to wire that up to this:

const micro = require('micro')
const match = require('micro-route/match')
const { parse } = require('url')
const next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

const server = micro(async (req, res) => {
  const parsedUrl = parse(req.url, true)
  const { query } = parsedUrl

  if (match(req, '/a')) {
    return app.render(req, res, '/b', query)
  } else if (match(req, '/b')) {
    return app.render(req, res, '/a', query)
  }

  return handle(req, res, parsedUrl)
})

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

I’d be happy to contribute back some documentation around this (or a PR example to the next.js repo) if you could help clarify this for me.

Cheers!

[tkellen]

Sure can. Ack. I should have started with an isolated test case. Apologies for the wasted time.

For clarity sake, the reason I asked the question to begin with was because of this line in the README:

It’s paramount that you use one of these two functions so that the generated styles can be diffed when the client loads and duplicate styles are avoided.

To my mind that says I need to do something to get SSR rolling for styled-jsx.

I’ll break it down to something small and reproducible (and probably figure out the issue on my own in doing so) later today. Will follow up with my results soon!

[giuseppeg]

Closing this. Happy to reopen in case you need help again 😃