PublishWise: The one place to write and publish your blogs
Tags: refinehackathon, writing, productivity, showdev
Published: 2023-07-18 10:12:41

## What I built

PublishWise is a tool that allows you to write and publish blogs from a single platform. It includes an ideal editor for writing blogs and publishing them on [Dev.to](http://Dev.to) and HashNode (with more to come). You can easily make updates to your blog that has been published in both [Dev.to](http://Dev.to) and HashNode by modifying it once on PublishWise. It simplifies cross-posting and consolidates your blogs onto a single platform. This project has a lot of potential and will continue to add more valuable features in the future.

### Category Submission:

- Best Overall Project

- Most Visually Pleasing

- Most Technical Impressive

- Best Project built using [<u>Supabase</u>](https://supabase.com/) as the main data provider for the refine app.

### App Link

The project is live at [PublishWise.ink](http://PublishWise.ink)

### Screenshots

![](https://tpwpzkeqppkvywajnezp.supabase.co/storage/v1/object/public/blog-images/3212fce1-4595-446c-a9ab-40c9e148cf8a/5c72d412-e718-46d9-a479-0dbe9f25b2fb/b338b711-c11d-4865-963d-e9ffd24389d4.jpeg)

![](https://tpwpzkeqppkvywajnezp.supabase.co/storage/v1/object/public/blog-images/3212fce1-4595-446c-a9ab-40c9e148cf8a/5c72d412-e718-46d9-a479-0dbe9f25b2fb/5fc6fd26-08ed-427c-bf45-d52dfc4ae3f1.jpeg)

![](https://tpwpzkeqppkvywajnezp.supabase.co/storage/v1/object/public/blog-images/3212fce1-4595-446c-a9ab-40c9e148cf8a/5c72d412-e718-46d9-a479-0dbe9f25b2fb/3287192f-7dd4-44dc-bce6-8130c0b288ea.jpeg)

![](https://tpwpzkeqppkvywajnezp.supabase.co/storage/v1/object/public/blog-images/3212fce1-4595-446c-a9ab-40c9e148cf8a/5c72d412-e718-46d9-a479-0dbe9f25b2fb/ffd1bec6-c059-4988-a9fd-5701fef12dc6.jpeg)

### Description

This project was bootstrapped using [Refine](http://refine.dev/). It uses [Supabase](http://supabase.com/) as the database, storage, and auth provider. The UI is built using the [Mantine](http://mantine.dev/) UI library together with Refine. It uses Refine data hooks for performing queries and mutations throughout the application. The whole application is built on top of the Next.js app directory and utilizes the new features of Next.js.

### Link to Source Code

The source of this app is available on [GitHub](https://github.com/developeratul/publish-wise-refine)

### Permissive License

[Apache-2.0 license](https://github.com/developeratul/publish-wise-refine/blob/master/LICENSE)

## Background (What made you decide to build this particular app? What inspired you?)

I have been publishing blogs for a while now. I usually publish them on multiple platforms meaning I cross-post them on [Dev.to](http://Dev.to), HashNode, Medium, and Showcase. I find that process extremely repetitive, overwhelming, and time-consuming. When it comes to updating them, it's even more repetitive and exhausting. So an idea popped into my mind. Why not build an app that would let me write my article and publish them on all of these platforms at once? That was my purpose behind building [PublishWise](http://publishwise.ink). It not only allows you to write and publish your blogs but also edit them from one platform and your edit will be reflected in all of your blogs. It is going to solve my own problem plus thousands of other technical writers out there. I have bigger plans for that app and would like to add more useful features to it so it can add more value to the users and I will be doing that in public on my Twitter account ([@developeratul](http://twitter.com/developeratul)).

### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

I learned a lot while building PublishWise. I studied the apis of my favorite blogging platforms. I got more familiar with the new Next.js app directory and React server components. I got exposure to amazing tools/libraries/services that would make my development job so much easier. Such as Refine, Supabase, Mantine UI, and Tiptap.

This project was bootstrapped using [Refine](http://refine.dev/). It uses [Supabase](http://supabase.com/) as the database, storage, and auth provider. The UI is built using the [Mantine](http://mantine.dev/) UI library together with Refine. It uses Refine data hooks for performing queries and mutations throughout the application. The whole application is built on top of the Next.js app directory and utilizes the new features of Next.js.

### Additional Resources/Info

- [Refine Docs](https://refine.dev/docs/)

- [Refine-Supabase Data Provider](https://refine.dev/docs/examples/data-provider/supabase/)

- [Mantine UI Docs](https://mantine.dev/pages/getting-started/)

- [Supabase Docs](https://supabase.com/docs/guides/database/overview)

> This blog was written and published through [PublishWise 😉](http://publishwise.ink)