The latest articles on DEV Community by Nauris Linde (@sref). https://dev.to/sref 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%2F53071%2Fc8453c8f-4e31-49d9-ad6a-09da423e9a5d.jpg https://dev.to/sref en Nauris Linde Sun, 10 Aug 2025 13:18:12 +0000 https://dev.to/sref/-4dnf https://dev.to/sref/-4dnf <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5" class="crayons-story__hidden-navigation-link">My open‑source portfolio with blog, projects showcase, and other features (React 19 + TanStack Start)</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/sref" class="crayons-avatar crayons-avatar--l "> <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%2Fuser%2Fprofile_image%2F53071%2Fc8453c8f-4e31-49d9-ad6a-09da423e9a5d.jpg" alt="sref profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/sref" class="crayons-story__secondary fw-medium m:hidden"> Nauris Linde </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Nauris Linde <div id="story-author-preview-content-2762949" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/sref" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2Fuser%2Fprofile_image%2F53071%2Fc8453c8f-4e31-49d9-ad6a-09da423e9a5d.jpg" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Nauris Linde</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5" class="crayons-story__tertiary fs-xs"><time>Aug 10 '25</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5" id="article-link-2762949"> My open‑source portfolio with blog, projects showcase, and other features (React 19 + TanStack Start) </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">1<span class="hidden s:inline"> reaction</span></span> </div> </a> <a href="https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments <span class="hidden s:inline">Add Comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> react javascript opensource Nauris Linde Sun, 10 Aug 2025 11:34:00 +0000 https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5 https://dev.to/sref/my-open-source-portfolio-with-blog-bookmarks-and-github-stats-react-19-tanstack-start-37a5 <p>I built and open-sourced my personal portfolio. It’s a simple but full-featured site with a blog, projects, code snippets, curated bookmarks, and a GitHub activity/stats page.</p> <ul> <li> <p>Features</p> <ul> <li>Blog</li> <li>Projects showcase</li> <li>Code snippets</li> <li>Bookmarks page powered by Raindrop collections</li> <li>GitHub stats with recent contributions and day-of-week productivity</li> <li>Private dashboard for creating/editing content</li> </ul> </li> <li> <p>Tech stack</p> <ul> <li>React 19 + React Compiler</li> <li>TanStack Start/Router/Query</li> <li>Tailwind CSS v4 + shadcn/ui</li> <li>Drizzle ORM + PostgreSQL</li> <li>tRPC</li> <li>Better Auth (OAuth)</li> <li>GitHub + Raindrop API integrations</li> </ul> </li> </ul> <p>Live: <a href="https://naurislinde.dev" rel="noopener noreferrer">naurislinde.dev</a><br><br> Source: <a href="https://github.com/fazers/portfolio" rel="noopener noreferrer">github.com/fazers/portfolio</a></p> <p>Thanks for taking a look!</p> react javascript opensource