1. Fork / Create a github repo
- Using a landing page template repo like [[SaaS Boilerplate]]
- If you go with that option, there's a list of boilerplate things to replace (like images and text) found [here](https://github.com/AtotheY/golaunch?tab=readme-ov-file#things-you-need-to-replace)
- Creating one from scratch using the language of your choice
2. Come up with name & Buy Domain
- I prefer cloudflare but they don't have as wide of a TLD choice as some other registrars
- Simpler shorter names do well, TLD doesn't seem to matter too much (for SEO or adoption)
3. Get a Logo
- Online generators can be okay, but a lot of the times they charge you for what should be something simple
- Don't spend too much time on this, just choose something basic and memorable (i.e emojis work great)
- Finding a good vector here (https://www.svgrepo.com/vectors/) and putting it into Figma to change color / file type / size is a great option.
- Later on, we can download the logo and update the site with it in places like the header, and use an online tool like https://realfavicongenerator.net/ to generate a .ico favicon
4. Take a water break. It's important to hydrate ;)
5. Choose a theme / color style for the site
- Honestly this shouldn't take long either, but people feel a lot more at-ease signing up for something when it feels like it wasn't put together in 5 minutes
- If you're using my [[SaaS Boilerplate]] you can choose one from [shadCN's themes](https://ui.shadcn.com/themes) and importing the css file into the repo (instructions in the repo's readme)
6. Host & Deploy the repo
- For nextjs and regular react apps, it's pretty simple. Just log into Vercel, create a new project, link the repo, and it'll automatically host. More details on deploying found [here](https://github.com/AtotheY/saas-landingpage?tab=readme-ov-file#deploy-on-vercel)
- If you're using a custom repo, or a non-frontend only framework that requires a real server, you'll have to figure out how to deploy it yourself. For express apps I enjoy using Render or Heroku.
7. Finalize the landing page
- Create a way to collect emails - I prefer to start with Jottform or Typeform
- Replace all the text and other stuff mentioned in Steps 1 & 3
- Headlines, header info, ToC and privacy page emails, etc