/pages/speaker.js

speaker.js

import React, {Component} from 'react';

import Layout from "../src/components/codecamp/common/Layout";
import Speakers from "../src/components/codecamp/speakers/Speakers";
import axios from "axios";


class speakers extends Component {
    constructor(props) {
        super();
        this.state = {
            isLoading: false,
            data: []
        };
    }

    static async getInitialProps() {

            if (process.browser) { // clientside
                return {
                    data: [...Array(25)].map((_,i)=>({id:i})),
                    isLoading: true
                };

            } else { // serverside
                const res = await axios.get('http://localhost:4000/rest/speakers');
                return {
                    data: res.data,
                    isLoading: false
                };
            }
    }

    render() {
        return (
            <Layout>
                <Speakers speakers={this.props.data} isLoading={this.props.isLoading}/>
            </Layout>
        );
    }
}

speakers.propTypes = {};
speakers.defaultProps = {};

export default speakers;