Octobox

Stop scaffolding. Start building.

Octobox is a configuration-less Typescript framework for building React apps. Forget having to spend time configuring linters, CSS frameworks, routing, SEO, and more with Octobox. Just run npx create-octobox-app@latest, answer a few questions, and let Octobox take care of the rest for you.

Release Notes

This release updates a few dependencies, fixes some errors, and generally polishes up v1.0.0. I fixed the bugs I could find (some of which were decently serious), and have tested these changes. Hopefully they work. The next releases will usually add new features and fix any bugs I find.

Patches

• Removed accidental guiding and trailing spaces in package.json's keywords property
• Added a src/component directory
• Updated dependencies, notably CRA, Tailwind, Postcss, and linter configs
• Fixed issue in create-octobox-app where the base React app might not be created using the latest version of CRA
• Updated Octobox to Node 16 via package.json's engine property
• Fixed a fatal issue with Octobox's npm scripts, allowing them to now be ran properly without editing them
• Removed CRACO and craco.config.js as it is no longer needed
• Updated tailwind.config.js and added postcss.config.js
• Added an octobox property to package.json defining the version of an Octobox app
• Auto-generated a license for apps as package.json claims an Octobox app uses the MIT license by default
• Updated documentation to append @latest to all npx scripts, as npx occasionally does not update it's cache automatically and @latest forces npx to update its cache
• Fixed stylelint's configuration in package.json to actually work

Getting Started

Creating an app

Run npx create-octobox-app@latest. It'll ask you for information about your project, so no arguments are necessary.

Updating an existing app

Run npx update-octobox-app@latest. It'll update your project to the latest version automatically.

Make sure to update to Node 16 before running this command, as Octobox used to support Node 14 but has now moved on to 16.

Octobox

Stop scaffolding. Start building.

Octobox is a configuration-less Typescript framework for building React apps. Forget having to spend time configuring linters, CSS frameworks, routing, SEO, and more with Octobox. Just run npx create-octobox-app, answer a few questions, and let Octobox take care of the rest for you.

Release Notes

I'm genuinely surprised how far this project has come in just a few weeks. What originally started as a simple CRA template so I wouldn't have to configure React Router somehow ended up becoming an entire TS framework capable of building a multitude of webapps. I'm not done either, and there's going to be more additions in the coming weeks/months, depending on how busy I am.

While I'm aware I don't really have a following, I hope this is at least somewhat of a success. Happy hacking!

Patches

• Added client-side filesystem routing
• Added server-side static routing
• Added page transition animations
• Added Tailwind CSS
• Added Sass
• Added miscellaneous hooks
• Added GitHub Pages support
• Added ESLint and Stylelint support
• Added optional ESLint and Stylelint configs
• Added SEO

Getting Started

Run npx create-octobox-app. It'll ask you for information about your project, so no arguments are necessary.