# Astro session replay installation - Docs
1. 1
## Create the PostHog component
Required
In your `src/components` folder, create a `posthog.astro` file:
Terminal
PostHog AI
```bash
cd ./src/components
# or 'cd ./src && mkdir components && cd ./components' if your components folder doesn't exist
touch posthog.astro
```
In this file, add your PostHog web snippet. Be sure to include the `is:inline` directive to prevent Astro from processing it:
src/components/posthog.astro
PostHog AI
```html
---
// src/components/posthog.astro
---
```
2. 2
## Create a layout
Required
Create a layout where we will use `posthog.astro`. Create a new file `PostHogLayout.astro` in your `src/layouts` folder:
Terminal
PostHog AI
```bash
cd ./src/layouts
# or 'cd ./src && mkdir layouts && cd ./layouts' if your layouts folder doesn't exist
touch PostHogLayout.astro
```
Add the following code to `PostHogLayout.astro`:
src/layouts/PostHogLayout.astro
PostHog AI
```html
---
import PostHog from '../components/posthog.astro'
---
```
3. 3
## Use the layout in your pages
Required
Update your pages (like `index.astro`) to wrap your app with the new layout:
src/pages/index.astro
PostHog AI
```html
---
import PostHogLayout from '../layouts/PostHogLayout.astro';
---
```
4. 4
## Watch session recordings
Recommended
Visit your site or app and interact with it for at least 10 seconds to generate a recording. Navigate between pages, click buttons, and fill out forms to capture meaningful interactions.
[Watch your first recording →](/replay/home.md)
5. 5
## Next steps
Recommended
Now that you're recording sessions, continue with the resources below to learn what else Session Replay enables within the PostHog platform.
| Resource | Description |
| --- | --- |
| [Watching recordings](/docs/session-replay/how-to-watch-recordings.md) | How to find and watch session recordings |
| [Privacy controls](/docs/session-replay/privacy.md) | How to mask sensitive data in recordings |
| [Network recording](/docs/session-replay/network-recording.md) | How to capture network requests in recordings |
| [Console log recording](/docs/session-replay/console-log-recording.md) | How to capture console logs in recordings |
| [More tutorials](/docs/session-replay/tutorials.md) | Other real-world examples and use cases |
### Community questions
Ask a question
### Was this page useful?
HelpfulCould be better