Xano - Conditionals (If-Then Statements)

In the world of application development, conditionals play a crucial role in controlling the flow of your program and executing specific actions based on certain conditions. Xano, the powerful no-code platform, makes it easy to implement conditionals in your backend services, empowering you to create sophisticated logic without writing a single line of code.

In this guide, we'll walk you through a practical example of using conditionals in Xano. We'll build a simple to-do list application with a reminder functionality that sends an email notification when a new task is added. Let's get started!

Setting Up the Project

1. Create a new project: Log in to your Xano account and create a new project. For this example, we'll use the "To-Do List" template.

2. Configure SendGrid: Before we dive into conditionals, make sure you've configured the SendGrid extension in your Xano project. This extension allows you to send emails directly from your application. If you haven't set up SendGrid yet, watch the video on "How to Configure the SendGrid Extension" to get it up and running.

Implementing Conditionals

1. Navigate to the API page: In your Xano project, click on the "API" tab in the left-hand sidebar. This is where you'll find the CRUD (Create, Read, Update, Delete) API endpoints for your to-do list.

2. Open the POST endpoint for to-do: Locate the "POST" endpoint for the "to-do" resource. This endpoint is responsible for creating new to-do items.

3. Add a new input: In the "POST" endpoint, click on the "Inputs" tab and add a new Boolean input called "sendReminder". This input will determine whether we should send a reminder email or not.

4. Create a conditional: In the "Function Stack" tab, click on the "Add Function" button and select "Conditional". This will open a new window where you can define your conditional statement.

5. Set the condition: In the "If" section, click on the "Edit" button. A new window will appear where you can define your condition. Set the condition to sendReminder === true. This means that the code inside the "Then" block will execute only if the "sendReminder" input is set to true.

6. Send the email: Inside the "Then" block, click on the "Add Function" button and select "Custom Functions" > "SendGrid Basic Send". This function will allow you to send an email using the SendGrid extension.

7. Configure the email inputs: In the SendGrid function, map the inputs as follows:

• To Email: Enter your email address (e.g., your@email.com)
• Subject: Set the subject to "Reminder"
• Text: Map this input to the task input from the POST endpoint. This way, the email body will contain the task description.

8. Save and test: Save your changes and go back to the "API" tab. Click on the "Run" button next to the "POST" endpoint to test your conditional. Set the task input to a new to-do item (e.g., "Make more Xano videos"), set completed to false, important to true, and sendReminder to true. Click "Run" and check your email inbox for the reminder notification.

Congratulations! You've successfully implemented a conditional statement in Xano and integrated it with the SendGrid extension to send email reminders for new to-do items.

Taking It Further

Conditionals in Xano are incredibly powerful and can be used in various scenarios. Here are a few ideas to take your conditional logic to the next level:

• Nested conditionals: You can nest multiple conditionals within the "Then" or "Else" blocks to create more complex logic.
• Combining with other functions: Conditionals can be combined with other functions in Xano, such as data manipulation, database queries, or third-party integrations, to create advanced workflows.
• Conditional updates and deletes: Apply conditional logic to the PUT and DELETE endpoints to control when and how to-do items can be updated or deleted.
• User-specific reminders: Instead of sending reminders to a hardcoded email address, fetch the user's email from a user table or authentication provider to send personalized reminders.

Xano's visual interface and no-code approach make it easy to experiment with conditionals and build sophisticated applications without writing a single line of code. Whether you're a no-code enthusiast, a citizen developer, or a traditional developer, Xano empowers you to bring your ideas to life quickly and efficiently.