SupaPoll

A live poll Next.js application built with Supabase, Twilio, and Hookdeck.

supapoll-vote-v2.mp4

Setup

Signup for Supabase.
Install the Supabase CLI and login with supabase login
Create a new Supabase project using the Supabase CLI and enter details as prompted:
```
supabase projects create
```

Open the project URL and add the appropriate values to a .env file:

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SERVICE_ROLE=
SUPABASE_JWT_SECRET=

Link your Supabase project locally by running supabase link, selecting the project, and entering the database password you used when running supabase projects create.
Run supabase db push to run the migrations on the remote database.
Set up GitHub Login for the project by following the Supabase GitHub login guide
Set up Twilio Verify by following the Twilio Verify Supabase phone provider guide

Set the Twilio environment variables:

TWILIO_ACCOUNT_SID=
TWILIO_AUTH_TOKEN=
TWILIO_AUTH_VERIFY_SID=

Buy at least one phone number from Twilio to allow you to vote via SMS.
Update the environmental variable with one or more comma-separated phone numbers:
```
NEXT_PUBLIC_PHONE_NUMBERS=
```
Signup for Hookdeck, grab your project's API Key and signing secret from the secrets section, and add the following environment variables:
```
HOOKDECK_API_KEY=
HOOKDECK_SIGNING_SECRET=
```
Install the application dependencies:
```
npm i
```
Run the Hookdeck setup script to create a connection in Hookdeck to receive Twilio SMS webhooks and updated the Twilio phone numbers to use that URL for inbound SMS webhooks:
```
npm run setup
```

npm run dev

Open http://localhost:8080 with your browser to see the result.

To update the Supabase type definitions, run:

npx supabase gen types typescript --project-id "$PROJECT_REF" --schema public > lib/types/supabase.ts

To learn more about the technologies used in this application:

Name		Name	Last commit message	Last commit date
Latest commit History 74 Commits
.vscode		.vscode
app		app
components		components
lib		lib
public		public
scripts		scripts
supabase		supabase
.env.sample		.env.sample
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
components.json		components.json
config.ts		config.ts
middleware.ts		middleware.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json