DEV Community

Cover image for Rebuilt my company's website with Tailwind CSS and Next JS
Lazar Nikolov
Lazar Nikolov

Posted on

23 8

Rebuilt my company's website with Tailwind CSS and Next JS

We decided to refresh our branding and website. Previously it was built using Wordpress, and it lacked speed and a 2020 factor. I decided to redesign it and along with my team built it from scratch.

It's now live at https://codechem.com

The stack:

  • Next JS
  • Tailwind CSS
  • Strapi
  • Figma
  • Framer Motion

Top comments (17)

Collapse
 
madza profile image
Madza β€’ β€’ Edited

That #00B871 looks nice in the combination with #F7FAFC, #1A202C and #718096 🎨

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

❀️

Collapse
 
eddt profile image
Edd Twilbeck β€’

Super-interested in this process! Site looks great and flows nicely. Any docs or guides for Strapi + Next JS that you found useful and could/would share?

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

I didn't follow any examples, just went with the flow. I could create a blog post about it. I'll let you know if I do. I'm glad you like the site πŸ™Œ

Collapse
 
hanna profile image
Hanna Rose β€’

Very well made site! I love the colorscheme used.

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

❀️

Collapse
 
johnrock profile image
John Rock β€’

Looks great. I really like the color scheme.

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

Thanks John! I'm glad you like it!

Collapse
 
trollboy_j profile image
Jacko β€’ β€’ Edited

I love the color palette! It also works really smoothly on mobile. Good job! πŸ‘Š

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

Thanks a lot!

Collapse
 
xantosromero profile image
Santos Romero β€’

Buen trabajo Lazar, gracias por compartir.

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

Β‘De nada, Santos! El gusto es mΓ­o.

Collapse
 
midhunadarvin profile image
Midhun A Darvin β€’

How does it compare to wordpress? If you are constantly adding new content to your website, which do you feel is easier?

Collapse
 
nikolovlazar profile image
Lazar Nikolov β€’

The website is statically generated, but using Next JS’s incremental static regeneration we can add content as we wish, and the pages affected will be statically regenerated on the next request. Compared to Wordpress, adding content in Strapi is pretty much the same. You have your admin panel with the models you defined and you can add data easily. If you ask me, I’d never use Wordpress if I have to develop a custom website ever again. If time is of the essence and I could use a template, then it makes sense, but I’d never be calm knowing that the website can be thousand times faster if I just use Next JS.

Collapse
 
midhunadarvin profile image
Midhun A Darvin β€’

Nice. I guess if the community grows, then more templates would be available for NextJS. Might be a Wordpress killer?

Thread Thread
 
nikolovlazar profile image
Lazar Nikolov β€’

If they decide to partner with a headless cms provider then it could be πŸ˜€ Strapi is the Headless CMS, NextJS is the web framework, so together:
Strapi + NextJS = Fastest Wordpress

Collapse
 
joebrain032 profile image
Joe Brian β€’

Really cool

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