What's New

New updates and improvements to Jumpstart Pro

Turbo 8 - Morphing, View Transitions and Instant Click

Update
We're super excited about this update! Turbo's new version was announced at Rails World 2023 and showed off some great features for simplifying realtime updates in your Rails apps.

Here are the 3 main improvements:

  1. Page refreshes with morphing. 
  2. View transitions. 
  3. InstantClick: faster page loads thanks to link preloading.

Morphs allow you to tell the page to request a new copy from the server and only the changes will be applied. A user can be viewing a page and will see updates without losing their place.

View transitions allow you to keep users in context when they're navigating around. Imagine you click on a video on the index page and it resizes to full-width when you click on it and navigate to the video.

Instant Click is another awesome feature that predicts links a user may click on. By preloading the page, a link click feels instant because it's already loaded.

You can now take advantage of all these improvements in your Rails applications. We've modified the scaffold generator to automatically include Turbo broadcasts out of the box.

Rails 7.1 release! 🎉

New
The latest version of Jumpstart Pro is now upgraded to use the brand new Rails 7.1.0 release and includes tons of new improvements across the board.

Check out the Rails notes for the 7.1 release to see some of the new functionality: https://rubyonrails.org/2023/10/5/Rails-7-1-0-has-been-released

Dark mode support

New
We've just released dark mode support for Jumpstart Pro! Users can specify their preferred theme in their profile as System, Dark, or Light themes. When set to System, the theme will match the OS theme and change when the OS theme changes using a little JavaScript.

Huge thanks to Dr. Nic for the help on this!

Dark mode theme

New
Jumpstart Pro now comes with a dark mode theme out of the box. Users can choose between using light, dark, or match the system theme.

We've updated the default views to include styles for the dark theme as well.

Dark mode is applied to the layout by adding the "dark" class. We've also added JavaScript to listen for changes to the system theme to keep it in sync.

Inbound Webhooks

New
We've made it easier than ever to process inbound webhooks in your Jumpstart Pro Rails applications.

Inbound Webhooks will be received, stored into the database, queued up for processing, and deleted once successfully processed.

Running the generator will create a controller, database model, and background job for processing requests.

± rails g inbound_webhook Zapier
      create  app/controllers/inbound_webhooks/zapier_controller.rb
      create app/jobs/inbound_webhooks/zapier_job.rb
       route  namespace :inbound_webhooks do
                resources :zapier, only: [:create]
              end

TailwindCSS 3.3

New
We've upgraded to the brand new TailwindCSS 3.3 which include a bunch of nice improvements.

See the release for more details: https://tailwindcss.com/blog/tailwindcss-v3-3

Custom Turbo Stream Actions

New
⚡️ Jumpstart Pro is now ready for custom Turbo StreamActions out of the box!

Everything is pre-organized so you can create your own turbo_stream helpers on the Rails side and plug in your Javascript actions with examples.

One more thing to save you development time. 💪

API Clients

New
Jumpstart Pro now ships with a built-in API client generator. You can use it to create your own API clients for integrations with any API you would like.

As developers, it's easy to reach for Rubygems, but each dependency we add makes it harder to maintain your application. We've found that we need to fork most API Rubygems to fix bugs or implement API features that aren't supported yet in the library. 

Now, our default is to build an API client ourselves. It's easy to maintain, doesn't break from external changes, and only implements the features we need. We've made this available to Jumpstart Pro users to more easily take advantage of building their own API clients.

It's customizable so you can override the authentication or response parsers to work however you need.

You can generate an API client using the following command:
rails g api_client OpenAi
This will generate your API client and test file. You can then implement methods for API endpoints.

Here's an example integrating with the OpenAI API:
class OpenAiClient < ApplicationClient
 BASE_URI = "https://api.openai.com/v1"

 def models
   get("/models")
 end

 def completions
   post("/completions", body: {model: "text-davinci-003", prompt: "Say this is a test", max_tokens: 7})
 end
end
Usage of it would look like this:
OpenAiClient.new(token: "sk-1234").models

Moving Discussions to GitHub & Discord

Update
We're moving the forum for Jumpstart Pro over to Discord and the GitHub repositories. We recommend using the GitHub Discussions so other people can find your questions and answers, but Discord is also a great option if you need some quick help on anything. 👍

Renamed the master branch to main for Jumpstart Pro Rails

Update
We've renamed the master branch to "main" now for Jumpstart Pro Rails. This matches the iOS and Android repos as well as GitHub's default branch naming.

To update your local clones, you can run the following:
git branch -m master main
git fetch origin
git branch -u origin/main main
git remote set-head origin -a

Stripe PaymentElement, Tax, Metered Billing, and more!

New
This is a major update that upgrades Jumpstart Pro to support a lot of new Stripe features. 

The PaymentElement allows you to collect payments with bank accounts, Google Pay, Apple Pay, and every other payment method that Stripe supports. 

We've also added support for Stripe Tax, metered billing, as well as upgrading to the latest Turbo beta.

TailwindCSS 3.1

New
We've upgraded to the brand new TailwindCSS 3.1! It comes with some pretty neat improvements making it even easier to build out your frontend designs.

Here are some of the highlights:

Font Awesome 6!

Update
We've upgraded from Font Awesome 5 to 6! Out of the box, you can use any of the free Font Awesome icons. To use Font Awesome's Pro icons, you'll simply swap out one line of code and that's it. 🔥

Check out their changleog to see all the new features: https://fontawesome.com/docs/changelog/

Easy deploying to Render.com

New
With Heroku's issues lately, a lot of users have been looking for alternatives. We've added a render.yaml file to quickly get you started deploying Jumpstart Pro with Render.

New Command Palette

New
We've introduced a Command Palette so power users can have quick access to anything in your application.

🎉 Jumpstart Pro Android is now available!

New
You can now build Android apps with Jumpstart Pro! It uses Hotwire to embed your web application and makes it easy to extend with Jetpack Compose and Kotlin to provide native Android functionality.

Check out Jumpstart Pro Android and see it in action here:

Ruby 3.1

New
Jumpstart Pro now runs Ruby 3.1!
Check out the Ruby 3.1 release notes to see the new changes like YJIT, the new Debug gem, and more.

🔥 Realtime Rails Scaffolds with Hotwire

Improvement
We've updated the scaffold generator in Jumpstart Pro Rails to take full advantage of Hotwire. New records will be added, updated, and removed in realtime as actions are taken.

Want to see it in action?

🎉 Rails 7.0 upgrade!

Update
We've updated Jumpstart Pro to the brand new Rails 7.0 release! This version has been tested with Jumpstart Pro since September and includes many great new features.
Read more about the Rails 7.0 changes.

As part of this release, we've replaced attr_encrypted with the built-in Encryption in Rails 7. This keeps our code simpler and better supported in the long run.

Ruby 3.1 only 9 days away, so it's going to be an exciting December. I hope you enjoy the new changes!

TailwindCSS 3.0

Update
The new TailwindCSS version just dropped today (see the announcement) and we've updated Jumpstart Pro to use it. This is primarily internal changes inside TailwindCSS, but has a few small changes that might affect your application.

See the TailwindCSS 3.0 upgrade guide for more information.