How to create your own blog in Remix in a few minutes

I’ve ported my personal website to Remix to experiment with this new technology. I also wanted to contribute back to the community so I decided to offer it as a Remix template. You can build a blog like mine and deploy it in just a few minutes. You can…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by José Miguel Álvarez Vañó

I've ported my personal website to Remix to experiment with this new technology. I also wanted to contribute back to the community so I decided to offer it as a Remix template. You can build a blog like mine and deploy it in just a few minutes. You can navigate through my website to see the final result.

simple-remix-blog is built using remix.run and TailwindCSS. I recommend going to the repository to read the details about the project.

If you face any issues or have any suggestions, please open an issue in the repository or contact me on Twitter!

You can follow the next steps or go to the simple-remix-blog repository and follow the instructions there.

Tutorial

Run the following command to create a project using this blog template:

npx create-remix@latest --template josemiguel-alvarez/simple-remix-blog

Terminal output

Run the dev script in the project folder that was created in the previous step:

yarn dev

Terminal output

Your blog should now be running on localhost:3000. There are some example posts in the template that you can remove when you're ready to start adding your own posts.

Then you have to update the app/siteMetadata.js file with your own information.

To create a new post you have to add a new markdown or MDX file in app/routes/posts. The project supports frontmatter, so you can add the post metadata formatted as YAML at the top of the file. Check the posts in the template if you need an example.

Finally, include the new post in the POSTS constant in the app/utils/posts.server.ts file. The post should be available now in your blog.

Deployment

I've used Vercel to deploy the app. You only have to import the project from here and it will be deployed automatically.

In case that you need more help you can find the instructions here.

Resources

It would be great to receive your feedback, so please contact me on Twitter or open an issue in the repository if you have any suggestions.


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by José Miguel Álvarez Vañó


Print Share Comment Cite Upload Translate Updates
APA

José Miguel Álvarez Vañó | Sciencx (2022-09-14T13:17:27+00:00) How to create your own blog in Remix in a few minutes. Retrieved from https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/

MLA
" » How to create your own blog in Remix in a few minutes." José Miguel Álvarez Vañó | Sciencx - Wednesday September 14, 2022, https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/
HARVARD
José Miguel Álvarez Vañó | Sciencx Wednesday September 14, 2022 » How to create your own blog in Remix in a few minutes., viewed ,<https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/>
VANCOUVER
José Miguel Álvarez Vañó | Sciencx - » How to create your own blog in Remix in a few minutes. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/
CHICAGO
" » How to create your own blog in Remix in a few minutes." José Miguel Álvarez Vañó | Sciencx - Accessed . https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/
IEEE
" » How to create your own blog in Remix in a few minutes." José Miguel Álvarez Vañó | Sciencx [Online]. Available: https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/. [Accessed: ]
rf:citation
» How to create your own blog in Remix in a few minutes | José Miguel Álvarez Vañó | Sciencx | https://www.scien.cx/2022/09/14/how-to-create-your-own-blog-in-remix-in-a-few-minutes/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.