Installation Guide

Everything you need to know about getting Recura up and running on your local machine and preparing for production.

Node.js

Version 18 or higher is required for optimal performance and compatibility.

Next.js 16

Leveraging the latest App Router features for speed and scalability.

Tailwind CSS 4

Modern, utility-first styling system for rapid UI development.

Getting Started

Step 1 — Extract Files

After purchase, unzip the project folder to your desired location.

recura.zip → recura/

Step 2 — Open Project

cd recura

Step 3 — Install Dependencies

Install all required packages from package.json.

npm install

npm install

Step 4 — Run Development Server

Start the local development server at http://localhost:4000.

npm run dev

npm run dev

Production Build

Build Application

$ npm run build

Start Production

$ npm start

Environment Setup

Architecture Note

Create a .env.local file in your root based on the provided template to enable secure API synchronization.

# Application

NEXT_PUBLIC_APP_NAME=Recura

NEXT_PUBLIC_API_URL=http://localhost:4000/api

# Payments (Optional)

STRIPE_KEY=your_key_here

PAYSTACK_KEY=your_key_here

Project Structure

src/app/Next.js App Router & Routes

src/components/Global reusable UI components

src/modules/Feature-based scalable modules

src/lib/Helpers, utilities & configs

src/styles/Tailwind & global CSS styles

recura/
├── src/
│   ├── app/
│   ├── components/
│   ├── modules/
│   ├── lib/
│   └── styles/
├── public/
├── .env.example
├── README.md
└── package.json

Features Overview

Styling System

Tailwind CSS 4 + Utility-first approach.

Payment Ready

Stripe and Paystack integrations built-in.

Analytics

Deployment

Vercel, Netlify, or any Node.js server.

Who is Recura for?

Designed for SaaS founders, agencies, and developers who want to skip the boring boilerplate and focus on building their product.

SaaS Platforms

Agencies

Startups

Developers