Primitive Stuff for Frontity

Homeland of Primitive Digital's Theme and Components for deploying WordPress as a Headless CMS on the Frontity framework.

Created with Node.js and React magic.

Built on the awesome, itty bitty, Frontity framework.

With little help from our friends: Bootstrap 5, GSAP and ScrollMagic.

Live site 👉 primitivedigital.uk

New NPM package 🎉 ~ 👉 primitive-theme (v1.0.x)

GitHub repo 👉 primitivestuff

NB. This is a test / concept deployment. Codebase will be opensource, it's made available on AS-IS basis while I remove licenced/branded elements, please don't use them.

Current experiments in the cave...

Splitting code / config
Theme extraction/semantics: Bootstrap 5 / Rebass / react-bootstrap
Theme config extraction

See Frontity Primitive Theme changelog for release notes.

Crafted by Primitive Digital

Setup

The following pre-requisites should be in place for the theme to work:

WordPress install of version 5.0 or later
Have pretty permalinks activated

Optional

Set Homepage to a static page and Posts permalink to: Custom Structure e.g. - /blog/%postname%/
Update frontity.settings.js

To Install and Develop...

Follow the Frontity setup outlined in their Docs

Then to use this theme

:: To install the packages

npm i primitive-theme

:: To install/create the custom theme and layouts

_ come back later

:: To clone from Github

git clone https://github.com/primitiveshaun/primitivestuff
cd primitivestuff
npm install && npx frontity dev (from the project's root directory)

ChimpsCheatSheet: CLI Commands

npx frontity dev  
npx frontity dev --production
npx frontity build

To stay up-to-date >

npx npm-check-updates -u
npm install

Or for local packages;

cd package/my-local-package
npx npm-check-updates -u
# DO NOT RUN "npm install" this time!
cd ../..
npm install

See Frontity CLI Docs for more >

Deployment

Follow the Frontity deployment outlined in their Docs

vercel
vercel --prod

🃏 The code is opensource so play like you mean business 🤓

Need Support

If you find any problems with this theme, please report an issue at:
https://github.com/primitiveshaun/primitivestuff/issues

Primitive Theme created by Primitive Digital

Ω - the end

ooh, ooh, aah, aah! - 🐒 - 🐒 - 🐒 - 🐒 - 🐒 - 🐒 - 🐒 - 🐒

   *                                                                               
 (  `           (              )                                )                  
 )\))(      )   )\ )   (    ( /(  (         )                ( /(    (   (         
((_)()\  ( /(  (()/(  ))\   )\()) )\ )     (      (    (     )\())  ))\  )\ )  (   
(_()((_) )(_))  ((_))/((_) ((_)\ (()/(     )\  '  )\   )\ ) ((_)\  /((_)(()/(  )\  
|  \/  |((_)_   _| |(_))   | |(_) )(_))  _((_))  ((_) _(_/( | |(_)(_))   )(_))((_) 
| |\/| |/ _` |/ _` |/ -_)  | '_ \| || | | '  \()/ _ \| ' \))| / / / -_) | || |(_-< 
|_|  |_|\__,_|\__,_|\___|  |_.__/ \_, | |_|_|_| \___/|_||_| |_\_\ \___|  \_, |/__/ 
                                  |__/                                   |__/

:: Mastering Markdown

This project was made when Frontity, Bootstrap5 and React Bootstrap had a wild night with lots of Emotion.

Bootstrap then had a fight with Rebass and it all got a bit freaky... 🤡 ...

» Frontity Channels 🌎

📖 Docs: this is the place to learn how to build amazing sites with Frontity.
👨‍👩‍👧‍👦 Community: use our forum to ask any questions, feedback and meet great people. This is your place too to share what are you building with Frontity!
🐞 GitHub: we use GitHub for bugs and pull requests. Questions are answered in the community forum!
🗣 Social media: a more informal place to interact with Frontity users, reach out to us on Twitter.
💌 Newsletter: do you want to receive the latest framework updates and news? Subscribe here

» Get involved 🤗

Got questions or feedback about Frontity? We'd love to hear from you. Use our community forum yo ! ❤️

Frontity also welcomes contributions. There are many ways to support the project! If you don't know where to start, this guide might help → How to contribute?