Linkedinpreview.com
A free online tool to write, format, and preview your LinkedIn posts before publishing them. Add bold, italic, and emoji to your LinkedIn posts, and see how they will look on desktop and mobile.
Install / Use
/learn @gatteo/Linkedinpreview.comREADME
A free, open-source tool to write, format, and preview LinkedIn posts before publishing. Add bold, italic, underline, strikethrough, lists, and images to your posts and see exactly how they look on desktop, tablet, and mobile.
Tool Features
- Preview LinkedIn Post on Mobile Devices
- Preview LinkedIn Post on Tabet Devices
- Preview LinkedIn Post on Desktop Devices
- Bold Text Formatting
- Strikethrough Text Formatting
- Underline Text Formatting
- Italic Text Formatting
- Bullet Point List
- Numbered List
💫 Tech Stack & Features
- ⚡️ Next.js 16 with App Router (Turbo)
- 📝 MDX & ContentLayer - for blog posts
- 🎨 Tailwind CSS - for styling
- 🌈 shadcn/ui & Radix UI - UI components
- 🛡 Strict TypeScript and ESLint configuration
- 📱 Responsive design
- 🌗 Light / Dark mode
- 📈 SEO optimized with meta tags and JSON-LD
- 📰 RSS feed
- 🗺 Sitemap
- 🤖 llms.txt - AI-friendly content discovery
- 📊 Google Analytics
- 📖 Table of contents for blog posts
- 📷 Image zoom - zoom in on images in blog posts
- 📝 Code syntax highlighting - using Shiki
- 🎨 Animation - using Framer Motion
- 🏠 LightHouse score of nearly 100
- 💄 Prettier - code formatting
- 👷🏻♂️ t3-env - validate environment variables before building
🔨 Requirements
- Node, recommended
20.x - pnpm, recommended
8.14.0
👋 Getting Started
Follow these steps to run the project locally on your machine:
git clone https://github.com/gatteo/linkedinpreview.com.git
cd linkedinpreview.com
pnpm install
To run the app:
pnpm dev
The app will be available at localhost:3000.
📜 Documentation
See the docs/ folder for detailed documentation:
- ARCHITECTURE.md - System architecture, tech decisions, and build pipeline
- FEATURES.md - Detailed feature descriptions and user flows
Author
🪪 License
This project is open source and available under the MIT License.
<hr> <p align="center"> Made with ❤️ in Turin, Italy </p>Related Skills
node-connect
352.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
352.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
352.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
