Full Stack Flutter Course 01: Building a FAST, Rich Search Experience [INTERMEDIATE level]

NOTE: basic familiarity with Flutter is recommended before following this course. For my beginner courses, check out my Flutter Crash Course at https://fluttercrashcourse.com Original blog post: https://fluttercrashcourse.com/blog/full-stack-search-with-supabase What We'll Build: A single search screen in Flutter with a search field at the top and a list of search results below as beautiful, randomized color gradient grid items. As the user types, we kick off a backend search against a real database, returning the results to the user. Things We'll Learn in This Tutorial: - Flutter Search using TextFormField and GridView - Rendering randomized color gradients in Flutter - Flutter Theming with google_fonts - Generating high volume test data fixtures as a CSV file - SQL Schema Basics - Postgres full text search concepts and features - Using Supabase to set up a database, import our data - Using the Flutter Supabase package to wire up our screen to our backend ⌛️ Timestamps 1:28 Demo 2:31 What We'll Cover 4:47 Frontend - basic starter project and search screen 13:30 Frontend - how we'll leverage state 17:12 Frontend - implementing a GridView, TextFormField 25:32 Frontend - styling our search results, google_fonts, theming 03:01 Backend - overview and Supabase project setup 33:37 Backend - SQL schema walkthrough and importing 100k search results 43:35 Integration - adding supabase_flutter 49:07 Integration - reactive state updates 52:39 Integration - Supabase client side full text search 57:00 Testing our search out, speed of full text search vs traditional queries and recap 👨‍🏫 My Other Flutter Courses (basic, intermediate and advanced) https://fluttercrashcourse.com 🐝 Send Me Your Questions! (I answer everyone) Comment below, or... Twitter: https://twitter.com/seenickcode Discord: https://discord.gg/9zaHAuZ6aN Email: [email protected] 💙 Support My Work https://github.com/sponsors/seenickcode https://www.buymeacoffee.com/seenickcode