ashx3s

Fetch from Supabase using Postman

While our apps will have these fetch calls written in javascript, we can start experimenting with data queries using postman or any other api endpoint testing tool.

Note that you can use any filtering techniques that SQL has to offer

Fetch Data with RLS Disabled

RLS (Row Level Security) is the approach that supabase uses to protect tables. Even when RLS is disabled, you still need a secure token in order to query data.

ashx3s

Directus Supabase Render Install

Keep in mind that it's not necessary to use supabase for this, however we are because we are going to use it's authentication model for end users

Step 1: Initialize your database

• In Supabase, create a new project
• set a strong password and use your email
• ssl set to false (for now)
• Let it spin up

ashx3s

Vue Component Lab Activties

These are intended to develop your skills and methodology at creating components in a frontend framework.

Important Topics

• Naming conventions
  • prefixes:
    • The: For components that are only used once on a given page
    • App or V: For components that are generic and presentational
• Stringing words together

ashx3s

Freelance Skills Self Assessment

This is a 15 minute reflection activity. Write out lists for the following

What are your skills?

• Preferred skills (things you like doing and are good at doing)
• Other skills (things you may be good at but don't like, or like but aren't good at)

What skills do you want to grow?

ashx3s

README.md

These instructions outline how to add Google Oauth as a provider to supabase, and then how to use it in Nuxt.

Steps

Step 1: set up a project in google cloud

• navigate to cloud.google.com and set up an account if you haven't already
• set up a new project

ashx3s

README

Things to watch for

• that the JWT token is removed from browser cookies
• set the user to null
• navigate the user to an unprotected page to stop access

Places to check for verification of logout

ashx3s

Supabase Nuxt Sign up

This tutorial demonstrates how to set up a supabase user sign up form in a web app. For this example we'll use Nuxt 3, however the workflow is similar with other frameworks and user login setups.

Essential Topics

These are some general concepts that you'll need to make use of for connecting Supabase to an app; and more specifically, to set up user sign up

Environment Variables

ashx3s

Debugging Strategry

• Resource: Debugging CSS Article

Stage 1: Identify Issues

• Document everything that's broken
• Document hypotheses of why they are broken (be specific)
• Document any information that you think is relevant (line numbers, files, classes etc)

ashx3s

Supabase and Sveltekit Authentication

Supabase + Sveltekit needs a second library for authentication

• read these docs

npm i @supabase/auth-helpers-sveltekit -D

ashx3s

Google Power Searching

Effective searching involves a combination of these techniques. Put them together in a single search or run a few prep searches to make sure you're getting the right info. This is especially important for debugging when you might not fully understand what your query actually is.

• Refine Google Search Official Help

Filtering Techniques

1. define [define query term]: put define before a term that you don't understand to get a clear definition. Use this to optimize your search
2. Check for current info using the Tools tab and changing the time frame range