# How to integrate Typeform into your React application
### Introduction
Recently, i was working with a React application and i wanted to integrate a form that i created on Typeform.
This article is explaining how you can manage that using the React Embed Typeform library.
### Create a Next.js application
Let's create a Next.js app
```
yarn create next-app
```
and start the server
```
yarn dev
```
We will edit the pages/index.js page this way.
```
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'
export default function Home() {
return (
)
}
```
You will see something like this in your browser :
### Embed typeform
Typeform has an official [React Embed Library](https://developer.typeform.com/embed/react/)
```
yarn add @typeform/embed-react
```
And use it inside your component like this
```
import { Widget } from '@typeform/embed-react'
const MyComponent = () => {
return
}
```
### Integrate your form into your application
Let's add our form into our index page
The first thing you need is your form id :
You can find from the public URL of your form
```
form.typeform.com/to/
```
Let's modify our index.js to add our Widget.
```
import { Widget } from '@typeform/embed-react'
export default function Home() {
return (
...
```
NB : don't forget to replace the with your form id !
You should see your Widget now in your application
You can also choose to display your Typeform with a Popover or a Slidertab if you like.
Check the documentation to see all the display options.
### Conclusion
As you can see, it's pretty easy !
If you have any questions, feel free to ask in the comments !
See you in the next one !