Plainform

Getting Started

Introduction Installation Pull Updates

Architecture

Setup

IDE AI Agents MCP Servers Environment Variables Locales & Site Config Analytics

Workflow

Git Workflow Build & Deploy Troubleshooting

Authentication

Overview Setup & Configuration Usage & Integration Clerk Webhook Troubleshooting

Payments

Overview Setup & Configuration Usage & Integration Stripe Webhook Troubleshooting

Supabase

Overview Setup & Configuration Troubleshooting

Database

Database Setup Prisma ORM Usage & Integration Migrations Troubleshooting

Storage

Overview Setup & Configuration Usage & Integration Troubleshooting

Emails

Overview Setup and Configuration Usage and Integration Troubleshooting

SEO

Overview Configuration & Best Practices Customization & Optimization

Overview Setup and Configuration Theming Troubleshooting

Events

Overview Setup & Configuration Usage & Integration

Troubleshooting

Common UI issues and solutions for Tailwind CSS 4 and shadcn/ui components in Plainform

This guide covers common UI issues and their solutions.

Styling Issues

Component Issues

Responsive Issues

Performance Issues

TypeScript Issues

Build Errors

Additional Resources

Tailwind CSS 4 Documentation
Radix UI Documentation
shadcn/ui Components
Next.js Documentation

How is this guide ?

Last updated on

Theming

Customize colors, fonts, and styles in your Plainform application

Overview

Display dynamic announcements on your Plainform homepage with the Events system

Troubleshooting

Styling Issues

Tailwind classes not applying

CSS variables not working

Dark mode not working

Styles conflict

Component Issues

Component not rendering

forwardRef errors

Custom props not working

Responsive Issues

Responsive styles not applying

Mobile layout broken

Performance Issues

Large bundle size

Slow page load

TypeScript Issues

Type errors with props

Build Errors

Build fails with Tailwind errors

Additional Resources

On this page