Giter Club home page Giter Club logo

djevents-remix's Introduction

What is this app?

This is the DJ Events app from Brad Traversy's Next.js course. Except, I built this using Remix rather than NextJS. I built this app to learn Remix and I really enjoyed the process. Remix is awesome!

The backend is built using Strapi v4. You can find the repo here.

I used Railway to deploy this app and I prefer it over Heroku. It was easy to use and worked great for both Remix and Strapi.

Sometimes the Srapi deployment on Railway has an error: Connection Error: Connection terminated unexpectedly

It is rare but it does happen. If you see an error when using the Remix app then just refresh the page and it should be fine.

On the bright side, getting an error when fetching from the Strapi backend gave me an oppertunity to learn how error handling works in Remix.

I have not had any problems with the Remix deployment on Railway. It's just the Strapi deployment. I was considering putting the Strapi backend on Heroku but the free tier has slow initial load times. If the error occured more often then I would use Heroku, but for now I prefer Railway.

Also, I built the NextJS version of this app. You can find it here if you would like to compare NextJS and Remix. It also uses a Strapi backend but it's v3 and deployed on Heroku rather than Railway.

Development

Setup .env file with the following:

SESSION_SECRET = ''
API_URL = 'https://djevents-strapi.up.railway.app'
REMIX_URL = 'http://localhost:3000'
PER_PAGE = 4
  • You can set the API_URL to your own strapi instance or use the one I provided.
  • You can set the SESSION_SECRET to any string you like.
  • PER_PAGE is the number of events to show on the events route.

Install dependencies:

npm install

From your terminal:

npm run dev

djevents-remix's People

Contributors

michaelfrieze avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.