DEV Community

How I built a SaaS with Next.js in a week

Randy on June 04, 2021

Update: I wrote a little book about building fullstack application with Next.js https://fullstack-nextjs-in-action.taonan.lu/ I built Cusdis in ...
Collapse
 
nikolasburk profile image
Nikolas Burk

Hey Randy, I'm Nikolas from the Prisma team! This article looks fantastic, thank you so much for writing 😄

By the way, we recently launched an Ambassador Program to acknowledge community members like you for their work and help them promote their content. Feel free to submit an application if you're interested, we'd love to have you there 🙌

Also, I know that dev.to currently doesn't support syntax highlighting for Prisma schemas (I already created an issue for this a while ago here). I think as a workaround to get at least some syntax highlighting, you can actually annotate the Prisma schema code snippets with graphql, that way strings and attributes are highlighted at least 😅 if you're planning to publish more Prisma content here, maybe it would be helpful if you leave a 👍 and a comment in the issue that I linked so that the folks responsible for it hopefully prioritize it soon.

Best wishes from Berlin!

Collapse
 
magicd profile image
MagicD

impressive! thanks for sharing your journey.

Concerning your iframe & styling section for the widget: have you considered Web Components ?
I was under the impression that shadow DOM would have been the perfect match for your use case.

Collapse
 
djyde profile image
Randy

Thank you. I'm going to learn how web component works

Collapse
 
p19ky profile image
Pinkovai Krisztian

Hello everyone!

First of all, impressive work Randy! very inspiring!

Me and some friends are also looking to build a SaaS.

We have a chatbot component that we opted to build with React.js and Firebase.

Our problem is that currently, the component can only be integrated on websites where React is used.

I would be very happy to hear any of your suggestions on how would you go about making a component, like a chatbot component for instance, so that it can be integrated on websites that use plain JavaScript or Vue.js or any other Frontend Framework/Library, or just plain JavaScript as I said before.

What we thought about is implement all our logic in plain JavaScript but that would be painful since we no longer have the advantages that React gives, such as Side Effects, State Variables and all the cool stuff React offers.

Any suggestions are much appreciated <3

Have a nice one you all!

Collapse
 
djyde profile image
Randy

Hi. In my opinion, Svelte is also a good choice in your case. You can write your component in Svelte, then use the component API (svelte.dev/docs#Creating_a_component), wrap it into Vue/React/Other...

Collapse
 
p19ky profile image
Pinkovai Krisztian

Hi! Thank you very much for your response.

I might be silly here, but could you elaborate a little bit on this method you just mentioned? I haven't written Svelte Code yet, but I don't think I quite get what you mean by this whole procedure that you just described.

Thread Thread
 
djyde profile image
Randy

This video may help you: youtube.com/watch?v=6MI9mirMh6w

Thread Thread
 
p19ky profile image
Pinkovai Krisztian

Thank you very much!

Collapse
 
pabloverduzco profile image
Pablo

Awesome!

Collapse
 
zippytyro profile image
Shashwat Verma

Crazy! I signed up

Collapse
 
ivewor profile image
IVEWOR

Hey great work man. I'm looking for a disqus alternative for my WordPress site as it loads tons of Javascript which I can't get rid off. Creating a WordPress plugin seems to be a good idea.