Last active
May 16, 2020 23:43
-
-
Save ryanbelke/b670ece028df9f3d7fe23c64e2e66991 to your computer and use it in GitHub Desktop.
layout component for step 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* /components/Layout.js */ | |
| import React from "react"; | |
| import Head from "next/head"; | |
| import Link from "next/link"; | |
| import { Container, Nav, NavItem } from "reactstrap"; | |
| export default function Layout(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="/login"> | |
| <a className="nav-link">Sign In</a> | |
| </Link> | |
| </NavItem> | |
| <NavItem> | |
| <Link href="/register"> | |
| <a className="nav-link"> Sign Up</a> | |
| </Link> | |
| </NavItem> | |
| </Nav> | |
| </header> | |
| <Container>{props.children}</Container> | |
| </div> | |
| ); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment