In keeping with the guiding principle to "Minimize Setup Friction," there are some things that may be pretty common for web applications to do, but aren't common enough to be included in the main template.
This page links to examples of how to implement some things with the Epic Stack.
- Framer Motion
by @kentcdodds: Using client hints to avoid
content layout shift with
prefers-reduced-motionand framer motion animations. - Cross-site Request Forgery Protection (CSRF) by @kentcdodds: An example of the Epic Stack with CSRF protection on forms.
- Epic Stack + OpenAI: by @kentcdodds: An example of the Epic Stack with OpenAI's GPT API (enhances the notes feature with "generate" buttons).
- Prisma Client Extensions by @L-Steinmacher: An example of the Epic Stack with Prisma Client extensions activated for enum like behavior in SQLite.
- Epic Stack + Storybook: by @moishinetzer: An example of the Epic Stack with Storybook. It also showcases creating a Remix stub, which is very helpful for isolating Remix-specific components inside of Storybook.
- Socket.IO: by
@L-Steinmacher: An example of setting up
using websockets in the Epic Stack using the
Socket.IOlibrary. - User Impersonation by @alan2207: An example Remix application showcasing how to implement user impersonation in the Epic Stack.
- Epic Stack + Tailwind CSS Plugin by @hakimLyon: An example of the Epic Stack with Tailwind CSS Plugin.
- Epic Stack + GitHub Auth by @kentcdodds: An example of the Epic Stack with GitHub Auth.
- Epic Stack + MongoDB as the Database by @hakimLyon: An example of the Epic Stack with Prisma using MongoDB as the database.
- Epic Stack Custom Themes by
@kiliman: An example showing how to create a
custom theme using the
shadcn-custom-themetool. - Epic Stack + OpenID Connect Auth (Google) by @kentcdodds: An example of the Epic Stack with OpenID Connect Auth (Google) using web-oidc and remix-auth.
- Epic Stack + Fathom Analytics by @xstevenyung: An example of the Epic Stack with Fanthom Analytics via CDN
- Epic Stack + Tenant Users by @vinstah: An example of the Epic Stack with tenant users and members starter
- Epic Stack + i18n by @rperon: An example of the Epic Stack with i18n using i18next and remix-18next
- Epic Stack + Argos by @jsfez: An example of the Epic Stack with Argos for visual testing
- Epic Stack with Nx: An example of using Nx in an Epic Stack app
- Epic Stack monorepo with pnpm + turbo: An example of the Epic Stack in a monorepo setup
- Epic Stack + passkeys/webauthn by @rperon: An example of the Epic Stack with passkeys using remix-auth-webauthn and remix-auth.
- Epic Stack with jsx-email: An example of the Epic Stack that uses jsx-email instead of react-email
- Epic Stack with Query by @gc-victor: An example of the Epic Stack using Query. Using Epic Stack with Query, you can access the databases directly from your application while enjoying a range of benefits from Query to manage your databases, including Query CLI, Query API, Query Funcions and Query Studio.
has-jsclass by @kentcdodds: An example of adding ahas-jsclass on the<html>element so you can use that to easily display different content for users who do not have JavaScript enabled.- Confetti by @kentcdodds: Display confetti when the user does something worthy of a celebration.
- Epic Stack Border animation by @hakimLyon: An example of Epic Stack with a CSS border animation.
- Epic Stack with Keystatic by @simonswiss: An example adding a MDX blog, editable from an elegant Admin UI with Keystatic.
- Epic Stack + Ariakit by @gnapse: A fork of the Epic Stack that uses Ariakit instead of Radix UI.
- Epic Stack + Stripe Payments by @saurabhp75: An example of Epic Stack with Stripe payments.
- Epic Stack + Remix PWA by @ShafSpecs: An example of using Epic Stack offline with Remix PWA. The guide can be found here
- Stripped down Epic Stack for content sites by @arpitdalal: An example of stripped down Epic Stack without DB, E2E, and authentication code. It's suitable for content sites that don't need a DB or authentication.
- Epic Stack + Shadcn Themes by @saurabhp75: An example of Epic Stack with Shadcn Themes.
- Epic Stack Globe Animation by @hakimLyon: An example of Epic Stack with a Globe animation as seen on GitHub's homepage.
Watch: Contribute an Epic Stack Example
You don't need permission to contribute an example. Feel free to create your own repository based on the Epic Stack and add whatever you like for your example. Here are some tips:
- Create an
initcommit as soon as you generate the project, before you make any changes. That way people can look at the commit history of your example and see what you've added. - Update the
README.mdwith some information about what your example is about and call out any interesting things you've done. - Add the tags "epic-stack" and "epic-stack-example" so it will appear on this page on GitHub.
- It's not normally necessary to deploy your example to production (simply comment out the deployment part of the GitHub workflow), but you can if you like.
Once you've made your repo, simply open a pull request to this page and add your example to the bottom of the list with a brief description.