Meet Supabase!
The super-easy tool to store and use data in your games and apps!
// Save your high score with Supabase
const saveScore = async (score) => {
const { data, error } = await supabase
.from('game_scores')
.insert([{ score: score, player: "You" }])
if (error) console.log('Oops!', error)
else console.log('Score saved!', data)
}What is Supabase, Anyway?
Think of Supabase as your digital toy box that keeps all your game data safe and organized!
Stores Your Stuff
Save scores, usernames, and game progress so you don't lose them when you close your app!
Shares With Friends
Let your friends see high scores or play together by sharing data between devices!
Super Easy to Use
You don't need to be an expert! Supabase works with simple code that's easy to understand.
See It In Action!
Watch how Supabase can save and show your game scores with just a little code.
Score Keeper Demo
Your Current Score
Saved Scores:
No scores saved yet!
How It's Made
// Connect to Supabase
const supabase = window.supabase.createClient(
'your_url',
'your_key'
)
// Save score function
async function saveScore(score) {
const { data, error } = await supabase
.from('scores')
.insert([{ value: score }])
if (error) {
showMessage('Error saving!', 'red')
} else {
showMessage('Score saved!', 'green')
loadScores()
}
}
// Get all scores
async function loadScores() {
const { data } = await supabase
.from('scores')
.select('*')
.order('value', { ascending: false })
displayScores(data)
}
Test Your Knowledge!
Take this quick quiz to see what you've learned about Supabase.
Want to Learn More?
Check out these cool resources to become a Supabase pro!
Official Documentation
Learn all the details about what Supabase can do with easy-to-follow guides.
Example Projects
See cool apps and games built with Supabase and get ideas for your own projects.
Video Tutorials
Watch step-by-step videos that show you how to use Supabase in your projects.
Community
Join other creators using Supabase, ask questions, and share your projects!