primitiveshaun / primitivestuff

WordPress + Frontity + Primitive Rocks...

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

Setup

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

  1. WordPress install of version 5.0 or later
  2. Have pretty permalinks activated

Optional

  1. Set Homepage to a static page and Posts permalink to: Custom Structure e.g. - /blog/%postname%/
  2. 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

  1. git clone https://github.com/primitiveshaun/primitivestuff
  2. cd primitivestuff
  3. 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

Ξ© - 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?

About

WordPress + Frontity + Primitive Rocks...


Languages

Language:JavaScript 97.3%Language:TypeScript 2.7%