- Articles blogging collection with homepage listing
- Markdown focused writing experience
- Keyboard shortcuts for navigation (left/right for previous/next entry)
- Customizable link/toolbar with keyboard shortcuts
- Old school Doogie Howser/IBM word processor design
- Automatic downsampling of all images for that cutting-edge VGA feel
- "Typography" using IBM VGA8
- Responsive
- Built with TailwindCSS
- Vue.js for keyboard navigation
- PurgeCSS for that tiny
4kbcss file size - 💯 Lighthouse score
Watch the Doogie Browser video tour to see what's going on under the hood.
1. Create a new site cloning the repo and removing the origin repo.
git clone [email protected]:statamic/starter-kit-doogie-browser.git diary
cd diary
rm -rf .git
composer install
cp .env.example .env && php artisan key:generate
2. Make a new user – you'll want it to be a super so you have access to everything.
php please make:user
3. Recompile the CSS (optional)
The TailwindCSS included in this kit is compiled with PurgeCSS to reduce filesize on any unused classes and selectors. If you want to modify anything, just recompile it.
npm i && npm run dev
To compile for production again:
npm run production
4. Do your thing!
If you're using Laravel Valet (or similar), your site should be available at http://diary.test. You can access the control panel at http://diary.test/cp and login with your new user. Open up the source code, follow along with the Statamic 3 docs, and enjoy!
Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.