How To Convert HTML templates to NextJS (v13)

Now that Next.JS is an awesome frontend tool. How can we get HTML/CSS/JS Templates to work perfectly in a Next.JS project? This article will take you through the steps. Requirements To fully grasp the content, it’s highly recommended that you have the following tools installed on your development environment: NodeJS Text Editor (Maybe VIM?) Basic React.js and Next.JS knowledge Finding a Template For the demo, we will use one of the open-sourced templates from Startbootstrap. We will use the Freelancer theme, a perfect template for a personal portfolio website. ...

February 22, 2023 · 4 min · Chris Achinga

Creating a React & Bootstrap Template

This is an update to the previous article I wrote on React & Bootstrap Starter Template Why a Template? It’s because they save time. The process of setting up a project can be always frustrating and it’s always repetitive. That’s why I have a template for almost every stack I do. React & Bootstrap I love using Bootstrap because of the almost Zero configuration and the hustle of designing a responsive web layout is taken care of so I just focus on how a site would look. ...

March 17, 2021 · 2 min · Chris Achinga

React & Bootstrap Starter Template

Live Demo I love using Bootstrap because it saves time when trying to make a site responsive. After learning to use react, I started working on using bootstrap with react. It was tough at first, and after I got a hang of it, I quickly made a template that I’d reuse every time I want to use react and bootstrap altogether. Here is brief documentation and description of the template: Usage: Start using the template in these few simple steps: ...

December 26, 2020 · 3 min · Chris Achinga