import { LoaderFunction } from "remix" ; import greetingsQueue from "~/queues/greetings.server" ; export const loader = async ( ) => { await greetingsQueue . enqueue ( "Groot" ) ; return null ; } ; export default function Index ( ) { return ( < div style = { { fontFamily : "system-ui, sans-serif" , lineHeight : "1.4" } } > < h1 > Welcome to Remix < /h1> < ul > < li > < a target = "_blank" href = "https://remix.run/tutorials/blog" rel = "noreferrer" > 15 m Quickstart Blog Tutorial < /a> < /li> < li > < a target = "_blank" href = "https://remix.run/tutorials/jokes" rel = "noreferrer" > Deep Dive Jokes App Tutorial < /a> < /li> < li > < a target = "_blank" href = "https://remix.run/docs" rel = "noreferrer" > Remix Docs < /a> < /li> < /ul> < /div>); }