block10.js

import fetch from 'isomorphic-fetch';

class Index extends React.Component {
	static async getInitialProps() {
		let stories;

		try {
			const response = await fetch(
				'https://node-hnapi.herokuapp.com/news?page=1'
			);
			stories = await response.json();
		} catch (err) {
			console.log(err);
			stories = [];
		}

		return { stories };
	}

	render() {
		const { stories } = this.props;
		return (
			<div>
				<h1>Hacker News Clone</h1>
				<div>
					{stories.map(story => (
						<h3 key={story.id}>{story.title}</h3>
					))}
				</div>
			</div>
		);
	}
}

export default Index;