Use Serverless Functions to Send an SMS with React, Twilio Programmable SMS, and Vercel

To see how to build the project yourself, check out the blog post.

This project was bootstrapped with Create React App.

Running the project

To run the project you will need a Twilio account and a Twilio phone number that can send SMS messages. Gather your Twilio Account Sid and Auth Token from the Twilio console and the phone number.

Clone the project, change into the directory and install the dependencies.

git clone https://github.com/lelouchB/react-twilio-sms-serverless.git
cd react-twilio-sms-serverless
npm install

Install vercel on your local machine.

npm install --global vercel

Copy the .env.example file to .env and fill in your Twilio credentials and phone number.

Initiate a Vercel project:

vercel

Start the application on development server:

vercel dev

Open the app at localhost:3000. You can now use the form to send SMS messages via your Twilio number.