docs: Add connection guide for SMTP

packages/docs/pages/.vitepress/config.js

@@ -40,6 +40,7 @@ export default defineConfig({
             { text: 'Scheduler', link: '/connections/scheduler' },
             { text: 'Slack', link: '/connections/slack' },
             { text: 'Twitter', link: '/connections/twitter' },
+            { text: 'SMTP', link: '/connections/smtp' },
             // Temporarily disable following pages until we release github and typeform integrations
             // { text: 'Typeform', link: '/connections/typeform' },
           ],

packages/docs/pages/connections/smtp.md

@@ -0,0 +1,16 @@
+# SMTP
+
+:::info
+This page explains the steps you need to follow to set up the SMTP connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+SMTP is a protocol that allows you to send emails. It's a very common protocol and it's used by many email providers. You need to provide the following information to send emails from Automatisch by using SMTP connection.
+
+1. Fill host address field with the SMTP host address.
+2. Fill username field with the SMTP username.
+3. Fill password field with the SMTP password.
+4. Select wheather to use TLS or not.
+5. Fill port field with the SMTP port.
+6. Fill from field with the email address you want to use as the sender.
+7. Click **Submit** button on Automatisch.
+8. Now, you can start using the SMTP connection with Automatisch.