/ Tags / Typescript
Gatsby + Typescript + Netlify CMS Starter
A Gatsby boilerplate for creating a blog backed with Netlify CMS for content authoring.
A live version of the blog is available at GEEK.SG.
Features
Production-ready in mind:
- Written in TypeScript with ❤️
- Tailwind CSS with PurgeCSS
- Fluid image with WebP rendering with Gatsby Image
- Linter with ESLint
- Code Formatter with Prettier
- SEO metadata and Open Graph tags
- Sitemap.xml
- 404 page
- Maximize lighthouse score
Philosophy
- SEO-friendly
- Production-ready
Next.js starter app with NextAuth.js and a PlanetScale serverless database
This starter app combines the powers of PlanetScale’s serverless databases with Prisma’s next-gen ORM and NextAuth.js for authentication to create a Next.js starter app that can scale with you. In this starter app, any users that sign up or log in are automatically stored in your PlanetScale database. There is also a built-in admin page, where you can see your users table without having to write database queries.
Note: After you deploy to Netlify, you will need to follow the instructions in the documentation to get your PlanetScale database up and running.
Nextjs Starter for Blog
Nextjs Starter for Blog
🚀 Nextjs Starter is boilerplate code for your blog based on Next.js framework. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
You can find a Nextjs Starter demo.
You can also check our Nextjs Themes or if you want to see all our React Themes. You can see all our other premium themes using other static static generator like Eleventyjs.
Features
Blog feature:
- 🎈 Syntax Highlighting with Prism.js
- 🤖 SEO metadata and Open Graph tags
- ⚙️ JSON-LD for richer indexing
- 📖 Pagination
- 🌈 Include a FREE minimalist blog theme
- ⬇️ Markdown
- 💯 Maximize lighthouse score
Developer experience first:
- 🔥 Next.js for Static Site Generator
- 🎨 Integrate with Tailwind CSS
- 💅 PostCSS for processing Tailwind CSS
- 🎉 Type checking TypeScript
- ✏️ Linter with ESLint
- 🛠 Code Formatter with Prettier
- 🦊 SEO metadata, JSON-LD and Open Graph tags with Next SEO
Built-in feature from Next.js:
- ☕ Minify HTML & CSS
- 💨 Live reload
- ✅ Cache busting
Philosophy
- Minimal code
- SEO-friendly
- 🚀 Production-ready
What happens when you click 'Deploy to Netlify'?
Once you click the Deploy to Netlify button you’ll be dropped into a simple signup workflow. Connect your Git repository and hit save, and Netlify will deploy the site to a global content delivery network. You’ll receive a link to your live site’s URL.