The latest articles on DEV Community by FaiChou (@juliannemitchell1). https://dev.to/juliannemitchell1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2851759%2Fa8f6128a-f232-416a-a993-a7182a942f45.png https://dev.to/juliannemitchell1 en FaiChou Wed, 12 Feb 2025 08:14:23 +0000 https://dev.to/juliannemitchell1/intrapaste-a-modern-intranet-first-content-sharing-solution-with-nextjs-and-minio-320g https://dev.to/juliannemitchell1/intrapaste-a-modern-intranet-first-content-sharing-solution-with-nextjs-and-minio-320g <h1> 🚀 Introducing IntraPaste </h1> <p>Ever struggled with sharing files and text snippets across devices in your office network? While solutions like AirDrop and LocalSend exist, they often come with limitations or require app installations. That's why I built IntraPaste - a modern, web-based content sharing solution designed specifically for intranet environments.</p> <h2> 🤔 Why Another Sharing Solution? </h2> <h3> The Problem </h3> <p>Current solutions have limitations:</p> <ul> <li>AirDrop only works between Apple devices</li> <li>LocalSend requires app installation on all devices</li> <li>Many solutions need device discovery and pairing</li> <li>Public services might not be suitable for sensitive corporate data</li> </ul> <h3> The Solution </h3> <p>IntraPaste offers:</p> <ul> <li> <strong>Universal Access</strong>: Works on any device with a browser</li> <li> <strong>Zero Setup</strong>: No app installation needed</li> <li> <strong>Instant Sharing</strong>: Just paste and get a shareable URL</li> <li> <strong>Security First</strong>: Designed for intranet deployment</li> <li> <strong>Cross-Platform</strong>: Share between any devices/OS</li> <li> <strong>Auto Cleanup</strong>: Content expires automatically</li> </ul> <h2> 🛠️ Technical Stack </h2> <p>Built with modern technologies:</p> <ul> <li>Next.js 15</li> <li>React 19</li> <li>TypeScript</li> <li>Prisma (SQLite)</li> <li>TailwindCSS</li> <li>MinIO (optional, for file storage)</li> <li>Docker support</li> </ul> <h2> ✨ Key Features </h2> <ul> <li>📱 Native iOS Client</li> <li>🌍 Multi-language Support</li> <li>📝 Text Sharing with One-click Copy</li> <li>📸 Media Sharing (Optional) <ul> <li>Images, Videos, Audio files</li> <li>Preview and zoom capabilities</li> <li>Up to 1GB file size</li> </ul> </li> <li>🎨 Modern UI with Dark Mode</li> <li>👨‍💼 Admin Dashboard</li> <li>🔒 Security Features</li> </ul> <h2> 🚀 Quick Start </h2> <h3> Using Docker (Recommended) </h3> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/FaiChou/IntraPaste.git <span class="nb">cd </span>IntraPaste <span class="nb">cp</span> .env.example .env <span class="nb">chmod</span> +x start.sh ./start.sh </code></pre> </div> <p>hat's it! Visit <a href="http://localhost:3210" rel="noopener noreferrer">http://localhost:3210</a> to start sharing.</p> <h3> Want Media Sharing? </h3> <p>Just add MinIO configuration to your <code>.env</code>:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="nv">MINIO_ENDPOINT</span><span class="o">=</span>http://your-minio-server <span class="nv">MINIO_PORT</span><span class="o">=</span>9000 <span class="nv">MINIO_ROOT_USER</span><span class="o">=</span>your-user <span class="nv">MINIO_ROOT_PASSWORD</span><span class="o">=</span>your-password </code></pre> </div> <h2> 📱 iOS App Available </h2> <p>We also provide a native iOS app for better mobile experience:<br> <a href="https://apps.apple.com/cn/app/intrapaste/id6740268699?l=en-GB" rel="noopener noreferrer">Download from App Store</a></p> <h2> 🖼️ Preview </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq13azdl0yfor8jqhxmjv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq13azdl0yfor8jqhxmjv.png" alt="Home Screen" width="800" height="734"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsqqe1kqhjh737z7yh5wb.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsqqe1kqhjh737z7yh5wb.png" alt="Admin Dashboard" width="800" height="734"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm0qczuo2nq0jniv588x9.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm0qczuo2nq0jniv588x9.png" alt="Mobile View" width="800" height="547"></a></p> <h2> 🤝 Contributing </h2> <p>IntraPaste is open source and welcomes contributions! Check out our <a href="https://github.com/FaiChou/IntraPaste" rel="noopener noreferrer">GitHub repository</a> for more details.</p> <h2> 🔗 Useful Links </h2> <ul> <li><a href="https://github.com/FaiChou/IntraPaste" rel="noopener noreferrer">GitHub Repository</a></li> <li><a href="https://hub.docker.com/r/phyllislapin/intrapaste" rel="noopener noreferrer">Docker Hub</a></li> <li><a href="https://apps.apple.com/cn/app/intrapaste/id6740268699?l=en-GB" rel="noopener noreferrer">iOS App Store</a></li> </ul> <p>Let me know what you think! Feel free to star the repo if you find it useful ⭐️</p> webdev opensource nextjs swiftui