Scala3 Nextjs Template

screenshot of Scala3 Nextjs Template
nextjs

A template repository using Scala 3, Next.js, scalajs-react, and showcasing code sharing between the front end and the JVM

Overview

The Scala 3 / NextJS Starter is a template that combines the Scala 3 programming language with the Next.js framework and Tailwind CSS. It provides a Next.js web application using Scala 3 and scalajs-react, with full Tailwind v2 configuration and additional features like the NextApp sbt plugin for adding more Next.js sub-projects if needed. It also includes a server sbt project for server-side logic and a shared sbt project for code sharing between the Next.js app and the back end.

Features

  • Next.js web application using Scala 3 and scalajs-react
  • Full Tailwind v2 configuration with autoprefixer, purge-css, and cssnano
  • NextApp sbt plugin for adding more Next.js sub-projects
  • Server sbt project for server-side logic, preconfigured with sbt-revolver
  • Shared sbt project for code sharing between Next.js app and back end (e.g., Tapir endpoints)

Summary

The Scala 3 / NextJS Starter is a template that combines the Scala 3 programming language, Next.js framework, and Tailwind CSS to provide a convenient starting point for developing web applications. It offers features like a Next.js web application using Scala 3 and scalajs-react, full Tailwind v2 configuration, and plugins for managing Next.js sub-projects and server-side logic. The installation process involves setting up node dependencies, launching the development server, and building the JavaScript from Scala.js. Overall, this template aims to simplify the development process while leveraging the capabilities of Scala 3, Next.js, and Tailwind CSS.

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.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.