Skip to content

podcodar/fullstack-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to PodCodar WebApp Template!

This WebApp template is based on the Remix framework, a full-stack web framework for React. It's a great choice for building web applications that need server-side rendering, data fetching, and more.

Features

  • 🚀 Server-side rendering
  • ⚡️ Hot Module Replacement (HMR)
  • 📦 Asset bundling and optimization
  • 🔄 Data loading and mutations
  • 🔒 TypeScript by default
  • 🎉 TailwindCSS for styling
  • 📖 React Router docs

Development

System Dependencies

To have a consistent development environment, we recommend using the following tools:

Setup

# (optional) if you have direnv
direnv allow

# install dependencies
bun install

# decrypt project credentials into a .env file
bun decrypt

Running the dev server

bun run dev

Production

First, build your app for production:

bun run build

Then run the app in production mode:

bun 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 bun run build

  • build/server
  • build/client

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.