Introduction

Documentation

Naru is a Tailwind CSS, NextJS Personal Portfolio template with a simplistic, modern design. Template files are extremely lightweight, and the pages are fast loading. It’s made for anyone who wants to create their very own modern, elegant website.

Features

  • Built with Tailwind CSS v3.4
  • Next.js 15
  • Fully Responsive Layout
  • Modern & Elegant Design
  • Lightbox Media
  • Retina Ready
  • Super Lightweight
  • Animated Page Preloader
  • Page Speed Grade: A
  • Responsive Sliders
  • Portfolio Single Page
  • Blog Single Page
  • Cursor Captions
  • Highly Organized
  • +2,000 Font Icons
  • Contact Form
  • High Performance
  • Detailed Documentation
  • Lifetime Free Updates
  • and many more..

Files Include

naru_nextjs Folder

Folder contains main template code & all 

files jsx scss css images js

naru-nextjs-docs Folder

Documentation online

Installation

Follow the steps below to setup your template:

  1. Download the latest theme source code from the Marketplace (opens in a new tab).
  2. Download and install Node.js and npm from Nodejs (opens in a new tab). The suggested version to install is . LTS
  3. Open terminal in naru_nextjs template folder.
  4. Install npm packages. You must have to install packages of your project to install all the necessary dependencies, You can do this by running the following command. npm install
  5. Update your Google API and SMTP server. You will find the .env file in the root

Run Development Server

Start your app development server to change, update and customize your app.

Run in the terminal from the root of your project to start a dev server npm run dev

  • Navigate to http://localhost:3000 to see your app, the app will automatically reload if you change any of the source files.

Build For Production

Build the app for production and make it ready for deployment

Run to build the project for production. npm run build

  • The build artifacts will be stored in the directory. /.next/

  • Run to run the production build of the project locally. npm start

Deployment

You can deploy your project to any static hosting or a hosting provider that supports Node.js We suggest some hosting you can consider to use:

  1. Vercel (opens in a new tab)
  2. Netlify (opens in a new tab)
  3. Heroku (opens in a new tab)
  4. AWS (opens in a new tab)
Folder Structure