Persite
Your personal website and blog in 10min. SSR, SEO ready, analytics, customizable. Just fill one file with your content.
Install / Use
/learn @mzaremski/PersiteREADME
🧑🚀 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
<br/>
Live Example: https://persite.vercel.app/
Tech stack
- Framework: Remix
- UI: Radix Themes
- Deployment: Vercel
- Blog: MDX
- REACT
- TypeScript
- Simpleanalytics simpleanalytics
Getting Started
- Click "Deploy" at the top of the file.
- Clone the repository that was created by Vercel.
- Fill SITE_URL environmental variable with your domain url
- Clone the repository on your local machine
- Install:
pnpm installoryarn installornpm install - Open
PERSITE_SOURCE.tsxand change the values to your own.- Preview the file: PERSITE_SOURCE.tsx
- To customize theme, you can check this: Radix playground then edit
persiteSource.theme.radixConfig
- Start the development server:
pnpm run devoryarn run devornpm run devand see the changes - Commit and push to the repository. Vercel will deploy the changes immediately.
- 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/routesdirectory. 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
- Remix-MDX plugin integration: Remix.run: Add MDX plugion
- Persite Landingpage: Persite
- 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">