Print Forge
A full-stack 3D-printing model discovery platform with search, sorting, categories, pagination, and SQLite-powered data.
What I built
Print Forge is a full-stack 3D-printing model discovery platform built with Next.js, TypeScript, Tailwind CSS, and SQLite. Users can browse a catalog of printable models, search and sort results, filter models by category, navigate paginated results, and view individual model information.
What the application does
Browse 3D-printable models
Search models
Sort model results
Category browsing
Pagination
Individual model pages
URL-based search parameters
Server-side data fetching
Responsive interface
See it in action
How it was built
Next.js, React, TypeScript, and Tailwind CSS
Next.js Server Components and server-side data access
SQLite using sqlite and sqlite3
URL query parameters, search and sorting logic, pagination, Heroicons, and React Icons
Challenges & solutions
Separating database access from the presentation layer to keep the application maintainable.
Using URL query parameters to represent search, sorting, and pagination state.
Building server-side data fetching around the Next.js App Router.
Implementing pagination while retrieving only the records required for the current page.
Keeping search, sorting, category filtering, and pagination working together consistently.