Request Payment (Invoicing Template)

A simple invoicing template for creating, paying, and viewing requests in Request Network.

Built with:

• Next.js
• React
• Tailwind CSS
• Request Network
• Web Components

Install

npm install

Run

npm run start

Develop

cp .env.example .env.local
npm run dev

Deploy

We deploy to an EasyPanel server using Github Actions and Heroku Buildpacks. You could easily deploy to Vercel, Netlify, or any other platform.

• deploy-to-staging.yml - Deploy to Staging on push to main branch.
• deploy-to-production.yml - Deploy to Production on release published in Github.

Configuration

In your next.config.js file, ensure you have the following configuration:

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: false,
};

export default nextConfig;

Explanation

This configuration ensures that the Svelte web components render correctly. The swcMinify: false setting is crucial because Svelte web components and their rendering nature can sometimes conflict with aggressive minification processes. Disabling SWC minification helps prevent potential issues with web component rendering.