community-content icon indicating copy to clipboard operation
community-content copied to clipboard

[SUBMIT] Building a Markdown Editor with Next.Js and Strapi CMS

Open ChisomUma opened this issue 3 years ago • 6 comments

Introduction

If you are to write technical content or build blogs for such, you will probably make use of markdowns to create article content. Markdown is a format for creating content with different forms of formatting, making it easy to add unique properties such as bold text, italics, different text sizes, and inserting of code blocks.

Goals

At the end of this tutorial, readers will learn about markdown and its applications and will be able to build a Markdown Editor with Next and Strapi.

Outline

  • What is Markdown?
  • What is Strapi?
  • Building the Markdown Editor
    • Installing dev dependencies
    • Building the Front-end of the Application
    • Setting up Content Structure on Strapi
    • Connecting the Application to Strapi
  • Conclusion
  • Resources

Thank you for submitting your article proposal.

ChisomUma avatar Aug 25 '22 11:08 ChisomUma

I want to submit a request for writing this tutorial. This is my first time here..is this one taken or still open ?

osamajandali avatar Aug 28 '22 14:08 osamajandali

Hi, I am sorry it is already taken.

ChisomUma avatar Aug 28 '22 14:08 ChisomUma

Hello @ChisomUma 👋 Thanks for sharing the outline. It looks good to me but let's wait for @PaulBratslavsky confirmation on the outline. After that you can get started.

dessireugarte avatar Sep 01 '22 09:09 dessireugarte

@ChisomUma I like it. I am assuming you are implementing the Another common question we get around this topic is how to style the generated markdown.

Would love if you can cover that in this article, will really help. Also, when you mean markdown editor, are you referring to be able to write markdown from your next js and post to Strapi or just displaying markdown from Strapi in your Next js app?

PaulBratslavsky avatar Sep 07 '22 22:09 PaulBratslavsky

Hi @PaulBratslavsky, Yes! I will be covering styling in the generated markdown.

On your question, the article will feature a note editor where users can enter text in the form of markdown, which will then be stored in Strapi, and can be fetched and displayed in the correct formatting in a view area.

ChisomUma avatar Sep 08 '22 02:09 ChisomUma

@ChisomUma I would recommend using some sort of WYSIWYG editor to help write the markdown in your next js app rather than using a simple text field.

PaulBratslavsky avatar Sep 29 '22 14:09 PaulBratslavsky

Hello @PaulBratslavsky @dessireugarte, I would love to write on this topic.

Sachin-chaurasiya avatar Dec 18 '22 12:12 Sachin-chaurasiya

Hello @PaulBratslavsky @dessireugarte Kindly assign this topic to me.

JacobIsah avatar Jan 02 '23 01:01 JacobIsah

Hello! We are currently trying to focus on more advanced topics, so we are no longer going to continue with this topic and I'll close the issue.

dessireugarte avatar Feb 03 '23 17:02 dessireugarte