# How to add Bootstrap 5 in Next.js
Create next app:
To create a project, run:
```
npx create-next-app@latest
# or
yarn create next-app
```
If you want to start with a TypeScript project you can use the --typescript flag:
```
npx create-next-app@latest --typescript
# or
yarn create next-app --typescript
```
I am using
```
npx create-next-app@latest --typescript
```
Let's start it:
The first method you install, bootstrap 5, uses npm, npx, and yarn in your next js.
```
npm install bootstrap
or
yarn add bootstrap
```
**Import styles from node_modules:
**
After installation is complete, then import bootstrap CSS file into the next js custom pages/_app.tsx.
```
// add bootstrap
import 'bootstrap/dist/css/bootstrap.css'
import '../styles/globals.css'
import type { AppProps } from 'next/app'
function MyApp({ Component, pageProps }: AppProps) {
return
}
export default MyApp
```
index.tsx
```
import type { NextPage } from 'next'
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'
const Home: NextPage = () => {
return (
Create Next App
)
}
export default Home
```
start dev server
```
yarn dev
```
