<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Petipois</title>
    <description>The latest articles on Forem by Petipois (@petipois).</description>
    <link>https://forem.com/petipois</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1191239%2F53961c76-6d3e-43b8-97a0-3d9b7cba6a82.png</url>
      <title>Forem: Petipois</title>
      <link>https://forem.com/petipois</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/petipois"/>
    <language>en</language>
    <item>
      <title>Why I built a full-stack web app for indie game developers and artists</title>
      <dc:creator>Petipois</dc:creator>
      <pubDate>Sun, 21 Dec 2025 17:10:16 +0000</pubDate>
      <link>https://forem.com/petipois/why-i-built-a-platform-for-indie-game-developers-and-artists-45g</link>
      <guid>https://forem.com/petipois/why-i-built-a-platform-for-indie-game-developers-and-artists-45g</guid>
      <description>&lt;p&gt;After seeing a recurring amount of reddit posts about steam capsule artists I decided to use my coding skills, yes real coding, to create a platform to find steam capsule artists instead of them having to look through portfolios and reddit posts.&lt;/p&gt;

&lt;p&gt;I decided to call it &lt;a href="https://capsuletalent.ludumlanding.com" rel="noopener noreferrer"&gt;CapsuleTalent&lt;/a&gt; - a dedicated platform to find and hire steam capsule artists. &lt;br&gt;
You can read more about how I validated the project &lt;a href="https://medium.com/@petitpois24_12726/validating-a-two-sided-marketplace-before-the-mvp-using-astro-and-appwrite-efc08c975bac" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;I also have a walkthrough video showing how it was built using Astro.js, clerk, Appwrite and Stripe. I also used Claude and ChatGPT in my workflow to speed up production.&lt;/p&gt;

&lt;p&gt;The website is &lt;a href="https://capsuletalent.ludumlanding.com" rel="noopener noreferrer"&gt;live&lt;/a&gt; and in early access. Artists can join free and complete their profiles and devs can join and browse free but must post a job (free) to connect with artists.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>fullstack</category>
      <category>gamedev</category>
    </item>
    <item>
      <title>How to Validate your SaaS idea using Framer</title>
      <dc:creator>Petipois</dc:creator>
      <pubDate>Sun, 03 Dec 2023 16:28:23 +0000</pubDate>
      <link>https://forem.com/petipois/how-to-validate-your-saas-idea-using-framer-59hp</link>
      <guid>https://forem.com/petipois/how-to-validate-your-saas-idea-using-framer-59hp</guid>
      <description>&lt;p&gt;When you come up with a new SaaS Idea, you need to validate it before you start development. One way to do so is by creating a landing page using a no-code tool like Framer.&lt;/p&gt;

&lt;p&gt;Read the full article &lt;a href="https://medium.com/@petitpois24_12726/how-to-validate-your-saas-idea-with-framer-ead786ca2405" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>sass</category>
      <category>framer</category>
      <category>softwaredevelopment</category>
    </item>
    <item>
      <title>How to connect Supabase to Payload CMS</title>
      <dc:creator>Petipois</dc:creator>
      <pubDate>Thu, 30 Nov 2023 02:13:00 +0000</pubDate>
      <link>https://forem.com/petipois/how-to-connect-supabase-to-payload-cms-3emp</link>
      <guid>https://forem.com/petipois/how-to-connect-supabase-to-payload-cms-3emp</guid>
      <description>&lt;p&gt;The release of Payload 2.0 has brought about some exciting changes, including the addition of support for the Postgres Database. This enhanced feature expands the platform's capabilities, allowing for a more diverse range of functions and operations. Now, you have the freedom and flexibility to use a backend like Supabase. &lt;/p&gt;

&lt;p&gt;This is a significant improvement, as it allows for more robust and versatile solutions, catering to a wider range of backend development needs and facilitating a smoother, more efficient workflow.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Prerequisites&lt;/strong&gt;
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Familiar with Payload CMS.&lt;/li&gt;
&lt;li&gt;Familiar with Supabase&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Create a Supabase Project
&lt;/h2&gt;

&lt;p&gt;Start by going to the Supabase website at &lt;a href="https://supabase.com/" rel="noopener noreferrer"&gt;https://supabase.com/&lt;/a&gt;. Once there, you'll need to create a new account. This process involves providing some basic information about yourself, including your name and email address. &lt;/p&gt;

&lt;p&gt;Once you've filled out all the necessary fields, click the 'Sign Up' button to complete the process. By creating a Supabase account, you'll gain access to a variety of powerful tools and features that can help streamline your workflow and enhance your projects.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Create a new project&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fspmgtks7wr4sw2a3mrn4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fspmgtks7wr4sw2a3mrn4.png" alt="supabase project creation" width="661" height="184"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Navigate to Database in the side menu and &lt;strong&gt;copy&lt;/strong&gt; the Postgress &lt;strong&gt;URI&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fph5knn9yank3l0s7qmy8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fph5knn9yank3l0s7qmy8.png" alt="supabase postgress uri" width="800" height="132"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In a separate file paste your URI and replace [YOUR-PASSWORD] with the password of the supabase database.&lt;/p&gt;

&lt;p&gt;Now we have what we need to connect supabase to our Payload Application.&lt;/p&gt;

&lt;h2&gt;
  
  
  Create a Payload Application
&lt;/h2&gt;

&lt;p&gt;Open the terminal and create a payload&lt;br&gt;
&lt;code&gt;npx create-payload-app@latest&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Name your project and when prompted, paste the &lt;strong&gt;Postgres URI&lt;/strong&gt; string from supabase&lt;/p&gt;

&lt;p&gt;Once completed, cd into your project and open your payload app in Visual Studio Code with the command:&lt;br&gt;
&lt;code&gt;code .&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;In Visual Studio Code open the terminal and run the command:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;yarn dev&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;This will run the payload application locally on your machine. Once complete you can navigate to the &lt;strong&gt;&lt;a href="http://localhost" rel="noopener noreferrer"&gt;localhost&lt;/a&gt;&lt;/strong&gt; in the browser ****and create a user to login to the Payload CMS admin panel:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0y3eo88yrs8j9bs6rmlc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0y3eo88yrs8j9bs6rmlc.png" alt="Payload CMS Admin Panel" width="800" height="748"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After you have successfully completed the process of creating a new user, you will be directed to the Admin Dashboard. This interface is designed to provide you with a comprehensive overview and easy access to all the necessary administrative functions.&lt;/p&gt;

&lt;p&gt;If you navigate to your Supabase account and check your user management section, you'll be able to see the new user that you've just successfully created. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3qsnzrchgua3e3w89b57.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3qsnzrchgua3e3w89b57.png" alt="Supabase Database Dashboard" width="800" height="127"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This verifies that the user creation process has been completed correctly, and the new account is now part of your user database. &lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Congratulations on your successful integration of Supabase with Payload CMS. This is a significant achievement that enables you to create comprehensive full-stack applications. &lt;/p&gt;

&lt;p&gt;With this connection, you now have access to a robust backend that can handle a vast variety of tasks efficiently. At the same time, you also have a fully-featured Content Management System at your disposal. &lt;/p&gt;

&lt;p&gt;This CMS can help manage your content effectively, providing you with a plethora of options for customization and control. Now, you can build and manage your applications with more efficiency, flexibility, and power.&lt;/p&gt;

&lt;p&gt;Support me &lt;a href="https://medium.com/@petitpois24_12726/how-i-connected-supabase-to-payload-cms-3ebf3e954e37" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>payloadcms</category>
      <category>supabase</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
