This project was build on a template generated with superplate. Currently hosted on vercel at www.alanjohn.dev
Documented at
- Setting up my NextJS repository with the help of Superplate
- Creating a NextJS blog in typescript using Notion API
- Understanding SEO and Web Vitals for your NextJS site and how to improve them?
npm run dev npm run build:analyze npm run start npm run lint
npm run lint:styleTo learn more about superplate, please check out the Documentation.
A React framework for production with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
Allows to connect to Notion databases giving you the power to use Notion as a CMS
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax.
Use environment variables in your next.js project for server side, client or both.
Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
An opinionated code formatter; Supports many languages; Integrates with most editors.
GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub.
MIT