> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appsloth.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Quickstart
> Get started with AppSloth in your application in minutes
## Installing AppSloth
Add AppSloth to your application using your preferred package manager.
```bash npm theme={null}
npm install appsloth
```
```bash yarn theme={null}
yarn add appsloth
```
```bash pnpm theme={null}
pnpm add appsloth
```
```bash bun theme={null}
bun add appsloth
```
## Environment Setup
Add your AppSloth Client ID to your environment variables. After creating a project, you can find your Client ID on the home page of your [AppSloth Dashboard](https://dashboard.appsloth.com).
```bash .env.local (Next.js) theme={null}
NEXT_PUBLIC_APPSLOTH_CLIENT_ID=your_client_id_here
```
## Adding the Provider
Add the AppSloth Provider at the root of your application to enable AppSloth functionality throughout your app.
```jsx Next.js App Router {2,8-13,15} theme={null}
// app/layout.js or app/layout.tsx
import { AppSlothProvider } from 'appsloth/provider';
export default function RootLayout({ children }) {
return (
{children}
);
}
```
```jsx Next.js Pages Router {2,6-11,13} theme={null}
// pages/_app.js or pages/_app.tsx
import { AppSlothProvider } from "appsloth/provider";
function MyApp({ Component, pageProps }) {
return (
);
}
export default MyApp;
```
```jsx React {2,6-11,13} theme={null}
// src/App.jsx or src/App.tsx
import { AppSlothProvider } from "appsloth/provider";
function App() {
return (
);
}
export default App;
```
For business applications, use a project or workspace ID as the `customerId`.
For consumer applications, use the individual user's ID.
## Next Steps
Now that you've set up AppSloth in your application, add some components into your app:
Create eye-catching banners to highlight important announcements
Collect and manage user feedback to improve your product
Send targeted in-app messages and alerts to your users
Collect feedback and present salvage offers when users try to cancel