DEV Community

Cover image for Designing and developing a blog(as a developer) - live streams
kethmars
kethmars

Posted on

4 2

Designing and developing a blog(as a developer) - live streams

Hey guys!

Since the beginning of this week, I've been doing live streams where I design and code a fully-functioning blog for DeveloperHabits. It includes technologies like NodeJS, ReactJS, GraphQL, StrapiCMS.

This week's last stream starts today at 14.45 UTC

If you're interested in seeing how the whole process looks like, then do follow the YT channel. The process includes:

  • designing the blog using Sketch
  • writing the FE using React
  • Applying NodeJS and GraphQL based CMS to the FE

After two streams, this is what've I have come up with:
Developerhabits blog

The plan is to finish the project in 4 weeks:

  • 1. the design (one more stream to go)
  • 2. FE
  • 3. BE
  • 4. Whatever needs to be done to go live

All the streams are recorded and visible in the DeveloperHabits channel.

The schedule for next week will be posted on Sunday under this post as a comment

//Edit:
This is the design created during the stream
Developer habits article design

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (1)

Collapse
 
kethmars profile image
kethmars

The schedule for this week:

  • Monday at 14.30 UTC - Installing Gatsby and creating header component
  • Tuesday at 14.30 UTC - Creating featured images component and article card component
  • Wednesday at 14.30 UTC - Creating a subscription component and footer
  • Thursday at 14.30 UTC - Creating the article page
  • Friday at 14.30 UTC - Let's see what we've done, how we've done and what needs to be done

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay