A fully responsive, single page React.js website template. Built using Next.js and designed by HTML5 UP. Great for a quick profile or portfolio site.
A colorful website template featuring a landing page layout and many styled elements. Built using Next.js and designed by HTML5 UP.
Getting Started with Next.js
Next.js is a framework for server-rendered or statically-exported React.js apps. With these templates, we'll focus mainly on the static site features of Next.js. You'll need to have Node.js and npm installed on your machine.
Let's use the Next.js Dimension Starter:
# Clone the repository
git clone https://github.com/codebushi/nextjs-starter-dimension.git
# Install npm packages
# Start up the next.js dev server, browse to http://localhost:3000/
npm run dev
Next.js can be used as a normal React framework with server side rendering and code splitting built in. It can also generate static websites if configured properly. We already have the static site configurations in place, you just need to build and export the site.
# Build and export the site, the static files are generated in the out/ folder
npm run export
Your static site will be created in a new folder called
out. To learn more about Next.js, visit their official tutorial.
(These are affiliate links. Please read my disclosure for more info)