Our great sponsors
-
Code for this tutorial: https://github.com/nexxeln/remix-blog My Blog: https://blog.nexxel.dev
-
Then go to Vercel and login in with GitHub. Click on new project. Import the repository that you uploaded the code to. Choose Remix as your framework preset and then click on deploy!
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Congratulations if you have made this far because we are almost done. If you look at the current state of our blog, it isn't very readable. The typography sucks. So we're going to use Tailwind for this, more specifically the @tailwindcss/typography plugin which will make our blog look super nice. Let's set up Tailwind first.
-
TailwindCSS for styling.
-
MDX for writing the blog posts.
-
Let's add some syntax highlighting first. For this we're going to use hightlight.js as it's the most popular.
-
Puts Debuggerer
Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.
First, delete the app/styles directory (that was our compiled css that was generated) and then upload this code to GitHub. I'm assuming you know how to do that, if you don't feel free to ask in the comment section or just look it up online.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.