Go back to the homepage to view all of our projects & sign up for the newsletter to receive new ones directly to your inbox!
The last days were exiting and I’m really happy that the site and themes got so much attention on various platforms. With this project numerous “firsts” were involved (e.g. the 3D part) including this newsletter! Yeah, you heard right – this will be my first newsletter ever written and sent out.
In this issue I want to talk about the launch of my website, a new theme I added, some future plans for the repository/site and at the end various community resources.
I’ll try to always include content from the community besides my own content :) Now have fun reading!
- I wrote about using Theme UI with the site: How I used Theme UI to build my React Themes library
- The site lives inside the linked monorepo’s “www” folder and is a regular React site. The “netlify.toml” file in the root tells Netlify to go to the mentioned path and execute the build command.
- The awesome 3D model is realized with react-three-fiber and a codesandbox is also available!
By the way, if you’re new to React or React (or know someone who wants to build themes now) I’ll tell you: You can learn React with React and eventually build themes yourself! I wrote about how React scales with your expertise and scope.
I ported my very popular React starter called “Cara” to a theme. The starter was using styled-component + TailwindCSS Babel macro before the switch, now the styles are powered by Theme UI.
Some things stayed the same, some things changed in the process of converting the starter to a theme:
- You can see a preview on cara.iStocks.de and experience react-spring’s parallax effects
- As mentioned above the styles are now fully driven by Theme UI which also allowed a light/dark mode toggle switch
- The individual sections of the page are written in MDX, so if you use the theme in your site you only have to edit those
- The overall look of the site was kept the same
If you’re now interested in the theme you can head over to the repository to see how you can install and use it 😊
I intend to port all my remaining starters (which you can see in this – now deprecated – overview) over to a theme and of course improve some things in the process. They’ll all be styled with Theme UI and for example the Prismic.io starters will receive some extra love as they’re very popular, too. In fact, using React themes for those is a really good use-case as the i18n version of the Prismic starter is a copy of the original one with only some small additions. Sub-theming, yeah!
If you want to help maintain the themes you can have a look at the open issues on the repository or bring in your own ideas. I’d highly appreciate that :)
As promised I also want to highlight some resources from the community:
- The React Theme Jam is over and wooow … 🤯 A lot of entries came in. Have a look at the showcase to see some really neat ideas. I personally really like the Novela theme.
- Checkout Jason Lengstorf’s YouTube channel. He has videos on creating the Theme Jam showcase website and a lot of themes content in general
- A short egghead.io video by Amberley Romo explaining how to use the theme workspace starter
I hope you enjoyed the first issue of my newsletter (and I didn’t do too bad :3) and found the information helpful 🤓
I’d be interested in knowing from you: How much experience do you have with React – are you a beginner or proficient with React? Have you tried themes yet and what are you interested in?
See you in a month 👋🏻 iStock Team