SkillAgentSearch skills...

Persite

Your personal website and blog in 10min. SSR, SEO ready, analytics, customizable. Just fill one file with your content.

Install / Use

/learn @mzaremski/Persite
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

🧑‍🚀 Persite (one-click website & blog)

<img width="1052" alt="image" src="./public/persite-vercel-thumbnail.png">

🛠️ Built with modern tech stack:

  • Server-side rendering
  • SEO optimized
  • Markdown blog
  • Simple Analytics

🚀 Easy to deploy:

  • Deploy with one click
  • Fill one file with your content

🎨 Highly customizable:

  • 4 animated backgrounds
  • Dark/Light mode
  • Colors
  • Border radius
  • Scaling

You are the owner of the code. Have fun makin whatever change you want! Also, you are welcome to contribute to the project.

One click deploy

Deploy with Vercel<br/> Live Example: https://persite.vercel.app/

Tech stack

Getting Started

  1. Click "Deploy" at the top of the file.
  2. Clone the repository that was created by Vercel.
  3. Fill SITE_URL environmental variable with your domain url
  4. Clone the repository on your local machine
  5. Install: pnpm install or yarn install or npm install
  6. Open PERSITE_SOURCE.tsx and change the values to your own.
  7. Start the development server: pnpm run dev or yarn run dev or npm run dev and see the changes
  8. Commit and push to the repository. Vercel will deploy the changes immediately.
  9. Create an account on https://simpleanalytics.com/ and add your site URL. The script is already installed on the website.

Usage

  • To add a new blog post: Copy one of the mdx file in app/routes. Make sure the blog post file follow this convention:posts.[url-slug].mdx. Eg. posts.my-new-blog-post.mdx
  • To add a new page: Create a new file in the app/routes directory. The name of the file will be the url slug. Eg. my-new-page.tsx
  • Check Remix.run docs for more: Remix.run docs

Pro

✨Check the PRO plan of Persite Boilerplate✨: Get Persite PRO

  • 🚀 Bundle of checklists and tips: Converting Landingpage, pricing tips, launch platforms database and more
  • Email collecting form + database (on vercel)
  • Product Hunt (and more) badges to your projects
  • Dynamic OG images for blog posts
  • CTA buttons
  • Backlink to your website
  • More styling options

Useful links

  1. Remix-MDX plugin integration: Remix.run: Add MDX plugion
  2. Persite Landingpage: Persite
  3. Persite public repository: Repo

Author

by Marcin Zaremski<br/> GitHub: https://github.com/mzaremski<br/> Website: https://mzaremski.com/<br/> X (formerly Twitter): https://x.com/marcinzaremski<br/>

<img width="1052" alt="image" src="./persite-intro.gif">
View on GitHub
GitHub Stars7
CategoryData
Updated6mo ago
Forks2

Languages

TypeScript

Security Score

82/100

Audited on Sep 9, 2025

No findings