<h1><a href="https://github.com/saidMounaim/link-loop" target="_blank" rel="noopener nofollow">LinkLoop</a></h1>
<p><strong>LinkLoop</strong> is a clean, minimal Linktree-style web app built with Next.js 15, Prisma, BetterAuth, and ShadCN/UI. Easily share multiple links through a personalized profile. Users can sign up, manage profiles, and customize their link collections with emoji and titles.</p>
<h2>🚀 Demo</h2>
<p>Check out a live demo profile:<br>
<a href="https://link-loop-share.vercel.app/profile/saidmounaim" target="_blank" rel="noopener nofollow">https://link-loop-share.vercel.app/profile/saidmounaim</a></p>
<h2>Getting Started</h2>
<h3>1. Clone the repository</h3>
<p>Run the following command to clone the repo:</p>
<pre><code class="language-bash">git <span class="hljs-built_in">clone</span> https://github.com/saidMounaim/link-loop.git
</code></pre>
<h3>2. Install dependencies</h3>
<p>Install all dependencies by running:</p>
<pre><code class="language-bash">npm install
</code></pre>
<h3>3. Create a <code>.env</code> file</h3>
<p>Create a <code>.env</code> file in the root directory with the following environment variables:</p>
<pre><code class="language-env">DATABASE_URL=&quot;&quot;
BETTER_AUTH_BASE_URL=&quot;&quot;
BETTER_AUTH_SECRET=&quot;&quot;
</code></pre>
<p>Make sure your <code>.env</code> file is configured correctly to connect to your database and BetterAuth.</p>
<h3>4. Run the development server</h3>
<p>Start the development server with:</p>
<pre><code class="language-bash">npm run dev
</code></pre>
<h2>Features</h2>
<ul>
<li>🔐 User sign-up and sign-in with BetterAuth</li>
<li>👤 Create profile with avatar, bio, and username</li>
<li>🔗 Add, edit, reorder, and delete links with emoji and title</li>
<li>📊 Track link click counts</li>
<li>💅 Clean and responsive UI using ShadCN/UI and Tailwind CSS</li>
</ul>
<h2>Built With</h2>
<ul>
<li><a href="https://nextjs.org/" target="_blank" rel="noopener nofollow">Next.js</a></li>
<li><a href="https://tailwindcss.com/" target="_blank" rel="noopener nofollow">Tailwind CSS</a></li>
<li><a href="https://www.typescriptlang.org/" target="_blank" rel="noopener nofollow">TypeScript</a></li>
<li><a href="https://ui.shadcn.com/" target="_blank" rel="noopener nofollow">ShadCN/UI</a></li>
<li><a href="https://www.prisma.io/" target="_blank" rel="noopener nofollow">Prisma ORM</a></li>
<li><a href="https://www.better-auth.com/" target="_blank" rel="noopener nofollow">BetterAuth</a></li>
</ul>
<h2>Contribution</h2>
<p>All kinds of contributions are welcome 🙌<br>
Feel free to fork the repo, create a feature branch, and submit a pull request.</p>


Get 1% better daily. Development resource sharing made easy. Post, comment, or upvote to show your contribution and support other developers! 🙌

⚠️ Please do not post any promotional resources.

Minimal Linktree-style web app built with Next.js, Prisma, BetterAuth, and ShadCN/UI.