diff --git a/packages/docs/pages/.vitepress/config.js b/packages/docs/pages/.vitepress/config.js
index 59f53567..e2eeef3e 100644
--- a/packages/docs/pages/.vitepress/config.js
+++ b/packages/docs/pages/.vitepress/config.js
@@ -161,6 +161,15 @@ export default defineConfig({
{ text: 'Connection', link: '/apps/smtp/connection' },
],
},
+ {
+ text: 'Spotify',
+ collapsible: true,
+ collapsed: true,
+ items: [
+ { text: 'Actions', link: '/apps/spotify/actions' },
+ { text: 'Connection', link: '/apps/spotify/connection' },
+ ],
+ },
{
text: 'Stripe',
collapsible: true,
diff --git a/packages/docs/pages/apps/spotify/actions.md b/packages/docs/pages/apps/spotify/actions.md
new file mode 100644
index 00000000..7f1bd354
--- /dev/null
+++ b/packages/docs/pages/apps/spotify/actions.md
@@ -0,0 +1,12 @@
+---
+favicon: /favicons/spotify.svg
+items:
+ - name: Create playlist
+ desc: Create a playlist on user's account
+---
+
+
+
+
diff --git a/packages/docs/pages/apps/spotify/connection.md b/packages/docs/pages/apps/spotify/connection.md
new file mode 100644
index 00000000..dad852f9
--- /dev/null
+++ b/packages/docs/pages/apps/spotify/connection.md
@@ -0,0 +1,20 @@
+# Spotify
+
+:::info
+This page explains the steps you need to follow to set up the Spotify connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://developer.spotify.com/dashboard/applications) to **create an app**
+ on Spotify API.
+1. Click login button if you're not logged in.
+1. Click **Create an app** button.
+1. Enter **App name** and **App description**.
+1. Click on **Create App** button.
+1. **Client ID** will be visible on the screen.
+1. Click **Show Client Secret** button to see client secret.
+1. Copy **Client ID** and **Client Secret** values and save them to use later.
+1. Click **Edit settings** button.
+1. Copy **OAuth Redirect URL** from Automatisch and add it in Redirect URLs. Don't forget to save it after adding it by clicking **Add** button!
+1. Paste **Client ID** and **Client Secret** values you have saved earlier and paste them into Automatisch as **Client Id** and **Client Secret**, respectively.
+1. Click **Submit** button on Automatisch.
+1. Now, you can start using the Spotify connection with Automatisch.
diff --git a/packages/docs/pages/guide/available-apps.md b/packages/docs/pages/guide/available-apps.md
index 33b9bb2f..e6e9759d 100644
--- a/packages/docs/pages/guide/available-apps.md
+++ b/packages/docs/pages/guide/available-apps.md
@@ -20,6 +20,7 @@ Following integrations are currently supported by Automatisch.
- [SignalWire](/apps/signalwire/triggers)
- [Slack](/apps/slack/actions)
- [SMTP](/apps/smtp/actions)
+- [Spotify](/apps/spotify/actions)
- [Stripe](/apps/stripe/triggers)
- [Telegram](/apps/telegram-bot/actions)
- [Todoist](/apps/todoist/triggers)
diff --git a/packages/docs/pages/public/favicons/spotify.svg b/packages/docs/pages/public/favicons/spotify.svg
new file mode 100644
index 00000000..f84a03c6
--- /dev/null
+++ b/packages/docs/pages/public/favicons/spotify.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file