[ Feature ] Contact Page with Supabase Integration

[rlajous]

This PR introduces enhancements designed to elevate the application's functionality and streamline user interaction, ensuring seamless integration with backend services and a more engaging user experience.

What's Included:

• Contact Page Addition: A new contact page enables users to easily submit their contact information, establishing a direct communication channel between the users and the application team.

• Supabase Client Integration: The application now utilizes the Supabase client to manage and store user contact information efficiently. This integration ensures that user data is handled securely and effectively.

• Direct Submission to Supabase: The contact form supports direct data submission to Supabase, simplifying the process of capturing and securely storing user contact details.

• Introduction of Essential Environment Variables:

  • NEXT_PUBLIC_SUPABASE_URL: Specifies the API URL for Supabase services.
  • NEXT_PUBLIC_SUPABASE_ANON_KEY: Provides the anonymous key required for Supabase request authentication.

  These variables are critical for a successful integration with Supabase. You'll need to set up a proper configuration within your environment.

• User Feedback Mechanisms: Upon submission of the contact form, users are now greeted with success or error toasts, offering immediate feedback on their submission status. This feature enhances the interactivity of the contact page by acknowledging user actions.

• Environment Variable Validation Utility: A new utility function has been implemented on the client side to ensure the presence of necessary environment variables. This safeguard throws an error if any required variable is missing, promoting a reliable and correctly configured application environment.

• Simplification of the Footer: The footer has been streamlined by removing unnecessary links, focusing the user's attention on the most relevant information and features.

• New Contact type Interface: A new Contact interface has been added to ensure data consistency and facilitate type safety. This interface is defined as follows:

export interface Contact {
  name: string;
  email: string;
  message: string;
}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 28, 2024 9:37pm