ryanbelke · September 29, 2019 00:01
diff --git a/Layout.js b/Layout.js
 /* /components/Layout.js */

 import React from "react";
 import Head from "next/head";
 import Link from "next/link";

 import { Container, Nav, NavItem } from "reactstrap";

 class Layout extends React.Component {
  constructor(props) {
    super(props);
  }
  static async getInitialProps({ req }) {
    let pageProps = {};
    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps(ctx);
    }

    return { pageProps };
  }
  render() {
    const { children } = this.props;
    const title = "Welcome to Nextjs";
    return (
      <div>
        <Head>
          <title>{title}</title>
          <meta charSet="utf-8" />
          <meta
            name="viewport"
            content="initial-scale=1.0, width=device-width"
          />
          <link
            rel="stylesheet"
            href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
            integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
            crossOrigin="anonymous"
          />
          <script src="https://js.stripe.com/v3" />
        </Head>
        <header>
          <style jsx>
            {`
              a {
                color: white;
              }
            `}
          </style>
          <Nav className="navbar navbar-dark bg-dark">
            <NavItem>
              <Link href="/">
                <a className="navbar-brand">Home</a>
              </Link>
            </NavItem>

            <NavItem className="ml-auto">
              <Link href="/signin">
                <a className="nav-link">Sign In</a>
              </Link>
            </NavItem>

            <NavItem>
              <Link href="/signup">
                <a className="nav-link"> Sign Up</a>
              </Link>
            </NavItem>
          </Nav>
        </header>
        <Container>{children}</Container>
      </div>
    );
  }
 }

 export default Layout;
	/* /components/Layout.js */

	import React from "react";
	import Head from "next/head";
	import Link from "next/link";

	import { Container, Nav, NavItem } from "reactstrap";

	class Layout extends React.Component {
	constructor(props) {
	super(props);
	}
	static async getInitialProps({ req }) {
	let pageProps = {};
	if (Component.getInitialProps) {
	pageProps = await Component.getInitialProps(ctx);
	}

	return { pageProps };
	}
	render() {
	const { children } = this.props;
	const title = "Welcome to Nextjs";
	return (
	<div>
	<Head>
	<title>{title}</title>
	<meta charSet="utf-8" />
	<meta
	name="viewport"
	content="initial-scale=1.0, width=device-width"
	/>
	<link
	rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
	integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
	crossOrigin="anonymous"
	/>
	<script src="https://js.stripe.com/v3" />
	</Head>
	<header>
	<style jsx>
	{`
	a {
	color: white;
	}
	`}
	</style>
	<Nav className="navbar navbar-dark bg-dark">
	<NavItem>
	<Link href="/">
	<a className="navbar-brand">Home</a>
	</Link>
	</NavItem>

	<NavItem className="ml-auto">
	<Link href="/signin">
	<a className="nav-link">Sign In</a>
	</Link>
	</NavItem>

	<NavItem>
	<Link href="/signup">
	<a className="nav-link"> Sign Up</a>
	</Link>
	</NavItem>
	</Nav>
	</header>
	<Container>{children}</Container>
	</div>
	);
	}
	}

	export default Layout;