Blog Typo about next.js HOT 8 CLOSED

Yeah, same problem here @clintonhalpin, I think Node.js doesn't support natively fetch yet. A work around would be to install and import the package isomorphic-fetch.

So the example could be changed to something like:

import React from 'react'
import 'isomorphic-fetch'
export default class extends React.Component {
  static async getInitialProps () {
    const res = await fetch('https://api.company.com/user/123')
    const data = await res.json()
    return { username: data.profile.username }
  }
}

from next.js.

@hnordt Nice, much cleaner!

from next.js.

next.js should absolutely include the isomorphic-fetch polyfill!

from next.js.

I was missing the isomorphic-fetch import. Thank you. We actually use that extensively for www.zeit.co

from next.js.

We'll update the blog post

from next.js.

Anyway, great job with Next.js, you and Zeit's team are brillant @rauchg.

from next.js.

+1

Also I'm not sure if I'm doing something wrong. But when I ran the example ( with correction ) Node v.7.0 was complaining that fetch wasn't defined.

My solution was to import axios and use that instead of fetch. I'd be happy to open a PR for this in the examples folder!

import React from 'react'
import axios from 'axios'

export default class extends React.Component {

  static async getInitialProps () {
    const response = await axios('https://api.company.com/user/123')
    return { username: response.data }
  }

}

from next.js.

The blog was updated, I'm closing this issue.

from next.js.