Getting started

Installing

1 
npm install @infinityfx/fluid

app/layout.tsx

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12 
import { FluidProvider } from '@infinityfx/fluid';
            
export default function RootLayout({ children }: { children: React.ReactNode; }) {
    
    return <html>
        <FluidProvider>
            <body>
                {children}
            </body>
        </FluidProvider>
    </html>;
}

Configuring

fluid.config.js

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12 
/** @type {import('@infinityfx/fluid/types').FluidConfig} */
module.exports = {
    theme: {
        font: {
            family: 'serif'
        }
    },
    paths: [
        './app/**/*.{jsx,tsx}',
        './components/**/*.{jsx,tsx}'
    ]
}

Compiling

1 
npx fluid compile