ShipFree

screenshot of ShipFree
nextjs
react
tanstack
tailwind
drizzle-orm

Open Source Next.js Saas Boilerplate

Overview

ShipFree is an innovative shipping solution designed as a free alternative to ShipFast, aimed at simplifying and optimizing the shipping process for users. Built on modern web technologies, it leverages powerful tools like Next.js, Supabase, and Stripe, making it both efficient and user-friendly. With a focus on performance and ease of use, ShipFree is perfect for developers looking to streamline their shipping logistics without incurring costs.

Whether you are looking to implement a robust shipping solution for a small business or enhance your current shipping process, ShipFree offers a solid foundation with various features that cater to your needs. The application’s modern design and intuitive functionality make it easy to manage shipping activities while providing necessary integrations to handle payments and notifications seamlessly.

Features

  • SEO Optimisation: Enhance your online presence with built-in SEO tools to attract more customers.
  • User Authentication with Supabase: Implement secure user authentication for managing accounts effectively.
  • Stripe and LemonSqueezy Integration: Easily handle payments with popular payment gateways for smooth transactions.
  • Email Notifications via Mailgun: Keep users informed with automatic email notifications for order updates.
  • Modern UI Built with Next.js and TailwindCSS: Enjoy a sleek and responsive user interface for a better user experience.
  • Docker Setup: Simplify deployment with Docker configurations for seamless development and production setups.
  • Real-Time Development Mode: Utilize watch mode for instant updates during the development phase, eliminating the need for manual server restarts.
  • Portainer Integration: Manage your Docker containers effortlessly through a web interface for both development and production environments.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tanstack
TanStack

TanStack is a collection of high-quality, framework-agnostic libraries including TanStack Query for data fetching, TanStack Router for routing, TanStack Table for tables, and more. These tools provide powerful, type-safe solutions for common web development challenges.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

zod
Zod

Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.

Zustand

Zustand is a lightweight state management library for React that provides a simple and intuitive API for managing state in your application. It allows developers to easily create and manage global state, and provides a powerful set of tools for optimizing performance and improving developer productivity. Zustand is designed to be easy to use and easy to learn, making it a popular choice for developers of all skill levels.