/gg

A place to manage the website for the And Voila DIscord community.

Primary LanguageTypeScriptMIT LicenseMIT

Important

This repository is now part of the And Voila Community Turborepo.

And Voila on Discord 🔥

Introduction

Welcome to AndVoila.gg, your gateway to unlocking exceptional marketing. Our potent blend of expert analysis and actionable insights can elevate your marketing from mundane to awe-inspiring. But that's not all! We also offer an exclusive community experience in our premium Discord server, a sanctuary where industry pros convene to forge marketing wonders.

Why all the talk of magic and wonder? Because we believe that effective marketing, much like a perfectly executed magic trick, should captivate your audience's imagination. So, prepare to conjure exceptional marketing feats with AndVoila.gg!

Shoutouts and Inspiration 🙌

First off, a huge thank you to the groundbreaking tools that helped us morph AndVoila.gg from a mere concept into a mesmerizing reality. We didn't pull this out of a hat; we're fortunate to build upon the genius of others.

  • Shadcn/UI: For beautifully designed and accessible components that add a touch of magic to our UI.
  • Cruip Templates: Your Tailwind CSS templates provided the blueprint for some of our landing pages, saving us invaluable time. Oh, and that Highlighter component is magical!
  • Tailwind UI Components: Expertly crafted components and templates that accelerated our design journey.
  • Contentlayer: Simplifying content management for developers; you've genuinely revolutionized how we handle content.
  • Next.js Commerce: An App Router-ready ecommerce template that has modernized our platform with astonishing speed.

Inspirations Behind the Project

  • Kim Scott's Radical Candor: Your philosophy is the cornerstone of our unique roast approach to marketing consulting.
  • The Open Source Community: Kudos to all the developers and creators who believe in the power of shared knowledge; you're the real MVPs.

So here's to you, the tools and the inspirations that have breathed life into AndVoila.gg. We couldn't have done it without you!

Why AndVoila.gg?

Your Path to Marketing Excellence

Ever found the marketing world bewildering or impenetrable? You're not alone. That's where AndVoila.gg steps in—as your guiding star in a realm full of complexities, illuminating the way to marketing achievement.

Passing on the Wisdom

Our mission is sharing the valuable knowledge and insights we've gathered from collaborating with industry-leading brands. This wisdom is not something we hoard; we actively share it with you. Whether you're just starting or are an experienced marketer, our aim is to provide you with the strategies to adapt and thrive in a continually evolving landscape, especially in the era of generative AI.

The Premium Discord Server: Your Community of Pros

AndVoila.gg is not just about roasts and insights; it's a thriving community. Our premium Discord server is your portal to personalized advice and exclusive benefits, like a 20% discount on our roasts. It's also the first step on a journey offering unlimited design and build packages.

Consider it your VIP access to marketing enlightenment.

Getting Started

Clone the Repository

First things first, clone this repository to your local machine.

git clone https://github.com/and-voila/gg.git

Running Locally

Environment Variables

Before running the project, you'll need to set up the environment variables as specified in .env.example. Although it's recommended to use Vercel Environment Variables, a simple .env file will do the trick.

⚠️ Important: Never commit your .env file; exposing it publicly could compromise your project and hard earned moolah.

Installation Steps

  1. Install Vercel CLI: If you haven't already, install the Vercel CLI globally.

    pnpm i -g vercel
  2. Link to Vercel and GitHub: Run the following command to link your local instance with your Vercel and GitHub accounts. This will create a .vercel directory.

    vercel link
  3. Pull Environment Variables: Download your environment variables using Vercel CLI.

    vercel env pull
  4. Install Dependencies: Use pnpm to install all project dependencies.

    pnpm install
  5. Run the Project: Finally, run the development server.

    pnpm dev

Your application should now be running at http://localhost:3000. Happy coding!

Tech Stack 🛠️

Let's get technical—what's powering AndVoila.gg to create a world of marketing amazement?

Deployment and Hosting

Vercel

We're hosted on the cloud with Vercel—a platform that ensures our web app runs like a charm, both fast and reliable.

E-Commerce

Shopify

Our e-commerce back-end is powered by Shopify, the engine that keeps our digital storefront humming.

Community Management

Discord

This is where the enchantment takes place. Our premium Discord server is the forum where marketers converge for insights and discussions.

Front-End

Tailwind UI & CSS

With Tailwind UI and Tailwind CSS, who needs a stylist? Our UI is as sleek as a magic wand, all thanks to these frameworks.

Shadcn/UI & Radix UI

These libraries lend our components that extra flair, ensuring they're not only functional but also captivatingly stylish.

Back-End

Contentlayer

Think of Contentlayer as the catalyst that amplifies our message. It allows us to manage content effortlessly, ensuring our message resonates far and wide.

Next.js Commerce

Our shopping experience is managed by Next.js Commerce, optimizing for SEO and offering a user experience that's nothing short of spellbinding.

Programming Language

TypeScript

We code in TypeScript—a strongly-typed superset of JavaScript that adds robustness and precision to our codebase.

And More...

From pnpm for package management to framer-motion for animations, we have a host of other tools that make AndVoila.gg a wonder to work on.

Contribution Guidelines 🤝

We're always thrilled to collaborate with contributors who are eager to add a touch of magic to AndVoila.gg. If you've got an idea you can't wait to share, here's how to contribute:

  1. Fork the Repository: Create your own fork of the repository.
  2. Clone Your Fork: Clone it onto your local machine.
  3. Create a New Branch: Make a new branch for your feature or fix.
  4. Make Your Changes: Implement your ideas and commit them.
  5. Push to GitHub: Push your changes to your fork on GitHub.
  6. Create a Pull Request: Submit a pull request and await review from the maintainers.

License 📜

This project is open-source and free for any use. However, be aware that we use some premium packages. For the full experience, you'll need to invest in Tailwind UI components and Cruip Templates.

Contact Information 💌

Need to get in touch? Here's how:

  • Technical Queries: Encounter a technical issue? Open a GitHub issue and we'll address it.
  • Everything Else: For non-technical questions, partnership discussions, or general inquiries, reach out to us.

We're always here to elevate your marketing game to wondrous heights!