Super easy magic-move transitions for React apps. Wrap any element (not just images) in a <Overdrive id=""></Overdrive> component. Add the same id to create a transition between the elements.
react magic-move transitions animations router overdrive reactjs react-router nextjsYou know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful images of your source code. So what are you waiting for? Go impress all of your followers with your newfound design prowess. Visit carbon.now.sh or read our post to learn more about the project.
carbon github-gist tweets nextjs screenshot beautiful snippets codemirrorOpen http://localhost:3000 to view your running app. When you're ready for production, run npm run build then npm run start. You don't need to install or setup Webpack or Babel. They come packaged with next, so you can just start coding.
nextjs next react server-side-rendering zero-configuration build-tools next.js create-next-app create-react-app boilerplateCurated list of resources: books, videos, articles about using Next.js. Next.js is a minimalistic framework for server-rendered React applications.
server-side-rendering nextjs awesome-list tutorials framework isomorphic universal routing reactjsYou can read all about it in this handy introduction. Let's get started.
wordpress react nextjs wordpress-development headless-wpThis project is a clone of hacker news rewritten with universal JavaScript, using React and GraphQL. It is intended to be an example or boilerplate to help you structure your projects using production-ready technologies.
hn hacker-news graphql react js node express nextjs apollo cloneOpen source web app to self-publish and sell books or other online content. If you want to learn how to build this project from scratch, check out our book: https://builderbook.org.
react nodejs github-api boilerplate mongodb stripe mongoose nextjs material-ui expressjs mailchimp passport apis aws-ses google-api express-sessionsuperplate has been developed to create rock solid UI frameworks apps boilerplate with no build configurations in seconds. You can add usefull, highly-demands front-end development tools and libraries as a plugin by using superplate CLI during the project creation phase.
react cli boilerplate typescript reactjs nextjs best-practices npxBuilder Book is an open source web app to publish documentation or books. The app is built with React/Material-UI/Next/Express/Mongoose/MongoDB and includes these third party APIs: Google, Github, AWS SES, Mailchimp, Stripe. We've used this builderbook project to build saas, async, and other real-world web apps.
aws-ses express-session github-api material-ui mongoose passport react mongodb nodejs nextjs mailchimp stripe google-api expressjs apis boilerplateUniversal React. React + React Native.
react react-native nextjs flow graphql relay prisma esteKutt is a modern URL shortener with support for custom domains. Shorten URLs, manage your links and view the click rate statistics.
url-shortener nextjs react urlshortener neo4j shorten-urlsNext.js Commerce integrates out-of-the-box with BigCommerce, Shopify, Swell, Saleor and Vendure. We plan to support all major ecommerce backends. Open .env.local and change the value of COMMERCE_PROVIDER to the provider you would like to use, then set the environment variables for that provider (use .env.template as the base).
react ecommerce nextjsThis repository has been moved into the Next.js project.
react nextjs server-side-rendering zero-configuration next build-toolsThis Next.js, Express and Connect backend utility allows you to create a session to then be stored in browser cookies via a signed and encrypted seal. This provides client sessions that are ⚒️ iron-strong. The seal stored on the client contains the session data, not your server, making it a "stateless" session from the server point of view. This is a different take than next-session where the cookie contains a session ID to then be used to map data on the server-side.
nodejs express nextjs cookies session auth next sessions-statelessThe next example step will deploy ./public directory to the remote gh-pages branch. For newbies of GitHub Actions: Note that the GITHUB_TOKEN is NOT a personal access token. A GitHub Actions runner automatically creates a GITHUB_TOKEN secret to authenticate in your workflow. So, you can start to deploy immediately without any configuration.
static-site-generator github-pages hugo nextjs gatsby actions nuxt mkdocs mdbook vuepress github-actions javascript-action typescript-action gh-pagesWe are deprecating next-on-netlify in favor of Netlify's Essential Next.js Build Plugin. Please visit this issue to learn more about the deprecation of next-on-netlify and ask any questions. You can also visit our simple Migration doc for assistance migrating to the plugin. next-on-netlify is a utility for enabling server-side rendering in Next.js on Netlify. It wraps your application in a tiny compatibility layer, so that pages can use Netlify Functions to be server-side rendered.
serverless nextjs lambda-functions server-side-rendering netlify netlify-functions netlify-deployment next-on-netlify next ssr wrapper bridgetRPC allows you to easily build & consume fully typesafe APIs, without schemas or code generation. Still reading? Follow @alexdotjs on Twitter if you have any questions or want to keep up to date what's coming next.
react api typescript nextjs next prismaA set of free MIT-licensed high-quality SVG icons for you to use in your web projects. Icons created by Steve Schoger, heroicons.dev created by me (@username_ZAYDEK).
nextjs tailwind-css heroicons
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.