{"id":10420,"date":"2023-01-27T13:28:52","date_gmt":"2023-01-27T07:58:52","guid":{"rendered":"https:\/\/www.csschopper.com\/blog\/?p=10420"},"modified":"2024-09-04T07:18:58","modified_gmt":"2024-09-04T12:18:58","slug":"how-much-will-it-cost-to-make-a-website-like-medium","status":"publish","type":"post","link":"https:\/\/www.csschopper.com\/blog\/how-much-will-it-cost-to-make-a-website-like-medium\/","title":{"rendered":"How Much Will It Cost To Make A Website Like Medium?"},"content":{"rendered":"

We are living in an information era where finding any information is a matter of a few clicks. And, social media websites or online content publishing platforms like Medium are effective channels to convey this information from one person to another. Medium is not a mere website, it\u2019s more than that and allows its users to express or share their ideas, stories, and perspectives in the form of well-composed writeups.<\/p>\n

What is Medium?<\/h2>\n

Medium is an online publishing platform that has gained immense popularity in a short period. The platform was launched in August 2012 and was developed by Evan Williams and is currently owned by A Medium Corporation. This platform can be used by both amateurs and professionals alike to publish personal blogs to express their views and perceptions through blog writing.<\/p>\n

You can use Medium for free, but there is a membership option too that comes with excellent benefits like an improved bookmark section, access to the audio narration of popular stories, and exclusive content.<\/p>\n

If you are mulling over creating a Medium-like website, then you will need to find the best website development company that can handle this kind of project. Creating a website like Medium is not easy and requires expertise in tons of technologies like you may need to hire WordPress developer<\/a> to work with the CMS technology when choosing this CMS.<\/p>\n

This Medium content publishing platform offers numerous features that make it very popular today. To create the next Medium website, you need to start by understanding how this platform works and what functionalities it offers to its users.<\/p>\n

Must-have Features to Create a Medium-like Website<\/h3>\n

To build a website like Medium, you need to ensure that your website has all the features that the real Medium website possesses. So, here we will figure out the essential features of Medium that will give the right direction to\u00a0custom website development<\/a> efforts.<\/p>\n

Medium is very easy to get started due to its beginner-friendly features. There are a lot of things that make it easy for varied users to read, share, like, and publish content on this platform. Whether you hire a web developer locally or choose an offshore development team, you will have to discuss all the required features that you want in your website to develop the right website. So, here are the key features of Medium.<\/p>\n

\"Medium\"<\/p>\n

User Account Creation<\/h3>\n

Although anyone can access Medium content irrespective of whether he\/she has an account or not, a user will need an account to publish content and interact with other people on the platform. Medium lets a user create an account easily by clicking the \u201cGet Started\u201d button. The user will be prompted to sign up using Twitter, Facebook, Google, or an email account. If the user chooses to sign up through Twitter or Facebook, his\/her existing connections will automatically follow him\/her on the medium after account creation. You can also offer multiple sign-up options for users on your website to make the sign-up process easier and quicker.<\/p>\n

Also Read:<\/strong>\u00a0Why is Hiring a Web Developer The Best Choice For Businesses?<\/a><\/p>\n

Following Tags, People, and Publications<\/h3>\n

If you want to create a website like Medium, it should have a feature to allow users to follow different publications, people, and tags. Medium feed offers content that not only comes from the organization or people that a user follows but also the tags and publications that the user has followed. Also, whenever a user searches for something on Medium, the user can find content from different tags, people, organizations, and publications in the results. Further, a creator of medium publication can:<\/p>\n

    \n
  1. Edit and submit stories from writers.<\/li>\n
  2. Add writers to publication.<\/li>\n
  3. Review the metrics of stories.<\/li>\n
  4. The creator can appoint new editors.<\/li>\n<\/ol>\n

    After adding this feature, your users will be able to follow other users, tags, and publications like Medium as soon as they sign up to your site.<\/p>\n

    Bookmark, Recommend, and Share Content<\/h3>\n

    Besides allowing users to follow different people, tags, etc, your website has to have a way to like, share, or bookmark a particular content, as found on Medium. In the world of the Medium website, \u201cRecommend\u201d is the \u201cLike\u201d. Just like a normal \u201cLike\u201d in content, \u201cRecommend\u201d means that a reader appreciates the content shared by someone. Also, the content that gets the most \u201cRecommend\u201d is featured on Medium\u2019s \u201cTop Stories\u201d page. Users can share content on Facebook or Twitter and bookmark the desired content.<\/p>\n

    Highlighting Specific Words<\/h2>\n

    One unique feature that your website should have to be like the Medium website is highlighting the texts. On Medium, when some text is highlighted, a pop-up appears with four options that are described below:<\/p>\n

    Highlight<\/h3>\n

    Once a user clicks the Highlight icon (the first option), the text selected is shown with a green background. The writer of the story will receive a notification for the highlighted text.<\/p>\n

    Response<\/h3>\n

    A user can write a response to a story by clicking the response icon (speech bubble icon). The text that is highlighted will then appear at the top of your response.<\/p>\n

    Text Shot<\/h3>\n

    The ‘Text Shot’ is just like a screenshot. When a user clicks the Text shot icon (Twitter icon), it will generate a tweet that pulls the highlighted text as a screenshot automatically.<\/p>\n

    Private Note<\/h3>\n

    The fourth option, which is a lock icon, allows a user to send a private note to the writer when clicked.<\/p>\n

    Write Responses<\/h3>\n

    The medium allows its users to write responses that differ from traditional blog comments, they are treated as distinct stories. It means not only these responses appear at the bottom of stories where commented, but they are also documented on profile pages and have chances of getting circulated like any common story.<\/p>\n

    Format Texts in Posts<\/h3>\n

    On the Medium homepage, a user can access the story editor by clicking the \u201cWrite here\u2026\u201d prompt at the center or clicking the \u201cWrite a story\u201d link at the top. The user can perform many text formatting by simply highlighting the text. You can make your website more attractive by adding rich text editing and formatting options.<\/p>\n

    Add Media and Images<\/h3>\n

    Adding media like images, videos, tweets, etc is as easy as copy-pasting the corresponding link of the media content. The medium\u00a0will provide formatting and alignment options to properly insert the media content. To get the best out of your website development efforts, you can allow your website users to choose and add multiple media content and enhance formatting options to be more competitive than Medium.<\/p>\n

    Publish Posts or Share Draft<\/h3>\n

    When a user thinks that everything is fine or after finishing a write-up, the user can go to the top navigation to find two options: \u2018Share\u2019 and \u2018Publish\u2019. Choosing the \u2018Share\u2019 option lets the user generate a shareable link to the draft of his\/her story that any Medium account holder can access. On the other hand, the \u2018Publish\u2019 option will allow the user to add up to 3 tags, then publish it and share the story with the world.<\/p>\n

    View Stats<\/h3>\n

    A user can easily track the performance of his\/her story by viewing stats. From the \u2018Stats\u2019 page on Medium, the user can view the total number of responses, views, and recommendations that his\/her story has gained.<\/p>\n

    These are the essential features of the Medium website, and you can integrate them into your website to make it look like Medium. Your website development company can help you improve these features as well as give you more ideas to enhance the overall user experience. You can also do some research and find some innovative ideas to implement into your Medium-like website.<\/p>\n

    What is the Technology Stack for the Medium Website?<\/h2>\n

    \"medium\"<\/p>\n

     <\/p>\n

    While the Medium website looks so simple, it is quite complex behind the scene. Indeed, there are lots of technologies that work together to provide a cohesive user experience. To create a website like Medium, a custom web development company has to put several technologies into use. The following is the technology stack for creating a Medium-like website.<\/p>\n

    1. Amazon Virtual Private Cloud (VPC)<\/h3>\n

    The Medium website uses Amazon\u2019s VPC and employs Ansible for system management enabling them to keep the configuration in source control allowing for rolling out changes in a controlled manner. Also, they follow a service-oriented architecture that makes it possible to run lots of publication services smoothly.<\/p>\n

    2. Database Technology<\/h3>\n

    Medium utilizes Amazon DynamoDB, a NoSQL database system, to store and manage various data. They use this technology in conjunction with Redis cache to mitigate the hotkey issue that occurs during viral events. For some newer data, they have started utilizing Amazon Aurora, which offers better querying and filtering options than DynamoDB.<\/p>\n

    3. Data Platform<\/h3>\n

    Amazon Redshift is used as the data warehouse by Medium, which is also used for processing systems and rendering scalable storage. The core data set is imported from DynamoBD to Amazon Redshift.<\/p>\n

    Misc.<\/h3>\n

    The following miscellaneous other technologies used by the Medium website are:<\/p>\n