Our great sponsors
-
// nuxt.config.ts import { defineNuxtConfig } from "nuxt"; // https://v3.nuxtjs.org/api/configuration/nuxt.config export default defineNuxtConfig({ ssr: false, dir: { public: "public", }, runtimeConfig: { public: { SUPABASE_URL: process.env.SUPABASE_URL, SUPABASE_ANON_KEY: process.env.SUPABASE_ANON_KEY, }, }, });
-
Supabase - Supabase is an open source Firebase alternative. Start your project with a Postgres Database, Authentication, instant APIs, Realtime subscriptions and Storage. - https://supabase.com/
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
LOGIN PAGEIonTitle> IonToolbar> IonHeader> EMAIL IonLabel> IonInput> IonItem> PASSWORD IonLabel> IonInput> IonItem> SIGN IN IonButton> CREATE ACCOUNT IonButton> IonContent> IonPage> template> import { IonPage, IonHeader, IonTitle, IonToolbar, IonContent, IonButton, IonItem, IonInput, IonLabel, alertController } from "@ionic/vue" const router = useRouter(); const sbClient = useSupabase(); // local state const credentials = ref<{ email: string, password: string }>({ email: "", password: "" }) // functions const doSignIn = async () => { const { email, password } = credentials.value // make api call const { user, session, error } = await sbClient.auth.signIn({ email, password, }) if (error) { //https://ionicframework.com/docs/api/alert const alert = await alertController .create({ header: 'Error Alert', subHeader: 'Error Signing In To Supabase', message: error.message, buttons: ['OK'], }); await alert.present(); } else { const alert = await alertController .create({ header: 'Success', subHeader: 'User Logged In To Supabase', buttons: ['OK'], }); await alert.present(); console.log(user); router.replace("/"); } } script>
