Next Theme Terminal

screenshot of Next Theme Terminal
nextjs
react

A simple, retro theme for NextJS. Ported to NextJS from the original Hugo theme by @panr https://github.com/panr/hugo-theme-terminal.

Overview

The Next.js theme, next-theme-terminal, is a port of the popular Hugo theme, hugo-theme-terminal. It uses Next.js v9.5.3 and was created using create-next-app. The theme allows for easy deployment to platforms like Netlify and Vercel. However, it is still under development and does not yet have feature parity with the original theme.

Features

  • 5 duotone themes, including orange (default), red, blue, green, and pink
  • Fira Code as the default monospaced font
  • Custom syntax highlighting based on PrismJS
  • Fully responsive code highlighting with support for multiple programming languages

One-click deploy

The easiest way to get started is by using the following one-click buttons to create a new repository like the theme and deploy it to your preferred platform:

  • One-click deploy to Vercel
  • One-click deploy to Netlify

Manual clone

If you prefer to manually clone the repository, you can use the following command:

git clone git@github.com:hkennyv/next-theme-terminal.git

Once cloned, navigate to the repository and run the following commands to install the dependencies and start the development server:

cd next-theme-terminal
yarn install && yarn dev

You can then view the site at http://localhost:3000.

Summary

The next-theme-terminal is a Next.js port of the hugo-theme-terminal. It offers a range of features, including multiple duotone themes, customizable syntax highlighting, and responsive code highlighting. Users have the option to either use one-click deployment to platforms like Netlify and Vercel or manually clone the repository and run the theme locally. Overall, the theme is still under development and does not yet match all the features of the original Hugo theme.

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

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.