Add Next.js + React + Bootstrap
This commit is contained in:
@@ -0,0 +1,2 @@
|
||||
|
||||
@import 'bootstrap/dist/css/bootstrap.min.css';
|
||||
@@ -0,0 +1,22 @@
|
||||
import './globals.css'
|
||||
|
||||
import { Inter } from 'next/font/google'
|
||||
|
||||
const inter = Inter({ subsets: ['latin'] })
|
||||
|
||||
export const metadata = {
|
||||
title: 'David Hrdina Němeček | CV',
|
||||
description: 'Curriculum Vitae',
|
||||
}
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
'use client'
|
||||
import Button from 'react-bootstrap/Button';
|
||||
import Alert from 'react-bootstrap/Alert';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<main>
|
||||
<Alert variant='info'>
|
||||
This Bootstrap theme works.
|
||||
</Alert>
|
||||
<Button>Yes!</Button>
|
||||
|
||||
</main>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user