Nextjs Native Starter

screenshot of Nextjs Native Starter
nextjs

One Next.js codebase for iOS, Android and Web using Capacitor, TailwindCSS and authentication with Supertokens, written in Typescript

Overview

This product is a monorepo that provides a starter project for building universal applications with Next.js, Tailwind CSS, and Capacitor. It allows users to use Next.js routing on iOS and Android, enabling the sharing of code between different platforms while staying in a familiar web development stack. The project structure is organized using Turborepo, with separate repositories for the web application and the mobile apps. It includes Supertokens for authentication and session management, with official support from their team. React components are shared using a UI package, and there are shared libraries, configurations, and other operations.

Features

  • Use Next.js on iOS and Android with access to native APIs through Capacitor.
  • Share code between all platforms, making it more maintainable compared to separate projects with React Native.
  • Structure the project using Turborepo for separate repositories for web and mobile apps.
  • Authentication and session management using Supertokens with official support.
  • Shared React components using a UI package.
  • Shared libraries, configurations, and other operations.

Summary

This product provides a monorepo structure for building universal applications with Next.js, Tailwind CSS, and Capacitor. It allows developers to share code between platforms while staying within their web development stack. Authentication and session management are handled by Supertokens, and there is official support for secure authentication on all platforms. The use of Turborepo and shared packages ensures consistency and reduces duplication. Overall, this product offers a convenient and maintainable solution for developing universal applications.

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.

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.