/ Tags / Nextjs
Commerce.js - Fully-fledged eCommerce store built with Next.js
A fully-fledged and customizable Jamstack eCommerce storefront built using Next.js as a frontend, Chec and Commerce.js as the eCommerce backend with production-ready deployment to Netlify.
Being an API-first eCommerce platform, Chec/Commerce.js helps businesses to freely decouple and tool their websites. This template comes built with marketing pages, a product listing page, single product display pages, cart and checkout functionalities, and an order confirmation page.
Note: You will need to sign up for a Chec account at commercejs.com which includes the API access. Please follow the guide in the github repo to configure your inital setup.
Commerce Layer Starter
A multi-country ecommerce starter that features the sanity studio built with Commerce Layer, Next.js, and deployed to Netlify. The starter comes with an ecommerce storefront built with Nextjs, Commerce Layer react components library, and Tailwind CSS alongside international shopping capabilities powered by Commerce Layer APIs. You also get a micro CLI seeder to import Commerce Layer data, structured content on Sanity CMS, localization support, and deployment configuration to Netlify.
Dendron Workspace Template for Netlify Publishing
Dendron Workspace Template for Netlify Publishing
🌱 Publish a Dendron Workspace to Netlify! ⚡️ Made with Dendron, which uses
Next.jsto build a static website out of your notes, documentation, and/or blog content written with an extended Markdown.If you have been experimenting with different approaches to Personal Knowledge Management (PKM), then Dendron may be the tool you've been looking for.
This project is a minimal setup template for publishing a Dendron Workspace to Netlify.
Directions on how to use this template are mentioned in:
For a more detailed understanding of how Dendron publishing works, and what's going on behind the scenes, reference:
What is Dendron?
Dendron is an open-source, local-first, markdown-based, note-taking tool built on top of VSCode. Like most such tools, Dendron supports all the usual features you would expect like tagging, backlinks, a graph view, split panes, and so forth. But it doesn't stop there - whereas most tools (try to make it) easy to get notes in, they tend to make it hard to get them back out later, and it only gets worse as you add more notes. Dendron helps you get notes back out and works better the more notes you have.
Kevin Lin originally created Dendron because he'd accumulated over 20k notes on programming and various other topics and couldn't find a tool that would let him easily add and find notes from within his knowledge base.
Traditional note-taking tools are often too rigid by having an in-flexible hierarchy that doesn't let you file a note in multiple places. Newer tools are too flexible by eschewing hierarchies altogether in favour of relying solely on backlinks.
Dendron finds the usable center between the two extremes by supporting backlinks of any two arbitrary notes while also maintaining a canonical hierarchy for every note. We do this through our hierarchal first approach to note taking that relies on the combination of hierarchies, schemas, and path based lookups.
With Dendron, you can create, find, and collaborate on information that matters to you.
Related
- Dendron Getting Started Guide
- Dendron Publishing Guide
- Dendron FAQ
- Dendron Concepts
- Netlify Docs Home Page
Dendron Community
- Join the Dendron Newsletter
- Join Dendron on Discord
- Follow Dendron on Twitter
- Checkout Dendron on GitHub
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.
Next.js + Plasmic starter kit for drag and drop visual page building.
The ultimate starter for visual page building with Next.js. Just create a Plasmic project, and start visually building your Next.js pages.
Demo live at: https://plasmic-nextjs-starter.netlify.app
Features
- Visual editor for your webpages, integrated into your Next.js codebase
- High performance sites
- SEO friendly
- Import your existing code components into the Plasmic Studio
- Connect to CMS and commerce backends
Starter kit for headless Shopify + Builder.io + Next.js - Drag and drop headless shopify stores.
The ultimate starter for headless Shopify stores.
Demo live at: https://builder-io-shopify.netlify.app/
Goals and Features
- Blazingly-fast, high performant ecommerce sites
- SEO friendly
- Hyper-personalization (localization, A/B testing, and more) that does not impact performance
- Themable
- Builder.io headless CMS with visual editor integrated
- Connect to Shopify data through Builder.io's high speed data layer
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.