ndimatteo

Beyond Dark Mode (Read Article)

Creating more than one color scheme with Tailwind and Next.js

1. Tailwind Config
2. Custom Utility Classes
3. Example Usage (frontend)

Next.js Theme Switcher

ndimatteo

Advanced Link Component for Next.js (Read Article)

Creating a reliable link component for any type of url

1. The <Link /> component
2. getRoute() helper
3. The <ConditionalWrapper /> component
4. Example Usage (frontend)

ndimatteo

Async Conditional Fields for Sanity

✨ Asynchronous ✨ multiple fields ✨ Sanity UI ✨ Easy! ✨

Show multiple fields in an object field, based on a condition set through the "options" object. Simply return true/false from "condition" function, even asynchronously!

ndimatteo

remote: npm ERR! install Couldn't read dependencies
remote: npm ERR! Error: ENOENT, open '/var/sites/twentyoverten.com/templates/t1/package.json'
remote: npm ERR! If you need help, you may report this log at:
remote: npm ERR!     <http://github.com/isaacs/npm/issues>
remote: npm ERR! or email it to:
remote: npm ERR!     <npm-@googlegroups.com>
remote: 
remote: npm ERR! System Linux 3.2.0-23-virtual
remote: npm ERR! command "/usr/bin/node" "/usr/bin/npm" "install"
remote: npm ERR! cwd /var/sites/twentyoverten.com/templates/t1

ndimatteo

$('.add-coupon').each(function() {
    $(this).click(function() {
      var couponVal = $('.coupon', this).val();
      $('span', this).text('Applying');
      $.getJSON('/check-coupon', {
        coupon: couponVal
        }, function(data) {

          // Invalid
          if (!data.valid) {

ndimatteo

app.get('/check-coupon', function(req, res, next) {
    stripe.coupons.retrieve(req.body.coupon, function(err, coupon) {
      if (err) return res.json({ valid: false });
      res.json({ valid: true });
    })
  })

ndimatteo

/*-----Scaffolding-----*/

.header {
  background: #2d2d2d;
}

.content {
  background: #2d2d2d;
}