# Getting Started with PWA
---
> Tip: This sample needs to be replaced with ==brand specific theming== but setup can be followed as step by step guide below for quick start.
### Step 1: Add Manifest File (Example)
Create a `manifest.json` file in your `public` folder:
```json
{
"name": "PWA App",
"short_name": "App",
"icons": [
{
"src": "/icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/icons/android-chrome-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#FFFFFF",
"background_color": "#FFFFFF",
"start_url": "/",
"display": "standalone",
"orientation": "portrait"
}
```
### Step 2: Add Head Meta (Example)
Add the following into `_document.jsx` or `_document.tsx`, in ``:
```html
```
> Tip: Put the `viewport` head meta tag into `_app.js` rather than in `_document.js` if you need it.
```typescript
```
### Step 3: Clean up `PWA` folder placed under config