tulupinc/flowbite-remix-starter

This is a Remix project bootstrapped with npx create-remix.

It also includes:

• flowbite
• flowbite-react
• react-icons
• tailwindcss
• Quality of life tools, like
  • eslint with some plugins
  • prettier

Getting started

Remix require Node.js.

If you don't already have npm and yarn available, make sure you set them up.

npm i -g npm yarn

Install the dependencies:

yarn install

Now you can run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/routes/index.tsx. The page auto-updates as you edit the file.

Learn more

About Flowbite

Flowbite is an open source collection of UI components built with the utility classes from Tailwind CSS that you can use as a starting point when coding user interfaces and websites.

In this repository, we setup flowbite-react for you with examples of how to use the React components in app/routes/index.tsx.

About Remix

• Remix Docs

Development

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

• build/
• public/build/

Using a Template

When you ran npx create-remix@latest there were a few choices for hosting. You can run that again to create a new project, then copy over your app/ folder to the new project that's pre-configured for your target server.

cd ..
# create a new project, and pick a pre-configured host
npx create-remix@latest
cd my-new-remix-app
# remove the new project's app (not the old one!)
rm -rf app
# copy your app over
cp -R ../my-old-remix-app/app app

flowbite-remix-starter's Issues

Dropdown z-index issue

When using the dropdown, the form text is above the dropdown menu.