Strapi Series, Part 3: Repo Setup

An illustration of an outline of a web project, with a person sketching the wireframe on a whiteboard, in the style of a technical drawing, viewed from a top-down perspective, with a computer and a notebook in the background. --v 5 --ar 3:2

With the main decisions made, it’s time to get things set up! The goal is to have a URL for the marketing site, for the logged-in experience, and Strapi. The marketing site will get the Storybook that will have all of the components for the project and we’ll want to at least have everything talking to each other.

Marketing Site

For this, I just popped into Vercel and used the basic Next 13 project. We have a marketing site! https://strapi-series-marketing.vercel.app. However, until I add Strapi hosting the repo is the best link https://github.com/dandenney/strapi-series-marketing

Screenshot of the Vercel UI

Customer Site

Dubbed Studio, this was another round of using an existing project in Vercel. I chose the Supabase option so that I’d get auth for free and have something ready for when I want to work with data. It’s live at https://strapi-series-studio.vercel.app, but the repo is the best link for now https://github.com/dandenney/strapi-series-studio

Screenshot of the Vercel UI

CMS

Ooh, this was something that I didn’t think of. Strapi is/uses a database and therefore needs Postgresql. I was thinking it was similar to Sanity where you could spin it up on Netlify or Vercel. It looks like I’ll need to use Digital Ocean or some others, so I’m going to hold off on that part for now. I can get so much of the work done locally and share via video, as well as putting the code up. The only thing that would be missing at that point is the ability for others to see the site live. I think that may be ok, at least for now. The repo is up at https://github.com/dandenney/strapi-series-cms

Screenshot of the Vercel UI

Component Documentation

Storybook 7 dropped! I’m excited for this because we’ve been fighting with a series of Next challenges with it at DataCamp and now I’ll be able to share my learnings with the new version. Ran the basic setup deets and got it running within the marketing site app.

Screenshot of the Vercel UI
Check out
Front-end conf
we're bringing the conf back in April 2024!
10 speakers across two days, with plenty
of time for conversations