In this episode of the SaaS Revolution Show our host Alex Theuma is joined by Aytekin Tank, Founder & CEO of Jotform, as he shares how he bootstrapped a unicorn SaaS with teams of no more than six people.

“One interesting number I can give is, like, we always had this 50% revenue growth rate and we still have that. That’s very interesting. Actually, if we didn’t develop the enterprise version, we would actually lose that – we would probably drop down to like 30%. But then the enterprise came to help, and we still have that 50% growth rate today.”

Aytekin shares:

• The one thing he did pre-Jotform that meant he had a much smoother ride in becoming an entrepreneur
• Why he’s a big believer of free products, and how that goodwill leads to paying customers
• How being a company of small cross functional teams has kept a positive company culture
• The makeup of each team and how they cultivate innovation, productivity, and creativity
• The building blocks of success, where technical skills meet business skills

and more!

Listen to the full episode, watch the video below and subscribe to the SaaS Revolution Show podcast today.

Watch now, or listen to the audio-only version below:


Listen to the audio now:

If you want similar tips and are looking to achieve success all year round, check out the SaaStock Founder Membership:

A private community of ambitious SaaS founders scaling to $10MM ARR. Get a support network of peers, connect with likeminded founders around the globe, and learn proven strategies from industry experts. Apply now to scale up your SaaS.

Want to join the pioneers at the forefront of The SaaS revolution? Subscribe to our newsletter today to get exclusive content, receive actionable value-based insights and create your Rocketship SaaS.

Plus – follow us on social! Check out our profiles on LinkedIn, X, Facebook, YouTube, Instagram, and TikTok.

And if you can’t wait another week for our next podcast, listen to our previous two here:

The post How Aytekin Tank, CEO of Jotform, Bootstrapped a Unicorn SaaS with Teams of no More Than Six People appeared first on ProdSens.live.

Hai, Sobat Risereaders!

Setelah menyelesaikan beberapa tutorial, mulai dari cara mempersiapkan projek, menampilkan, menambah dan memperbarui data pada aplikasi CRUD mengelola data buku.

Kini kita akhirnya telah mencapai bagian terakhir dari seri CRUD Laravel 10 dan Bootstrap 5 ini, yaitu pada tutorial menghapus data buku dari database aplikasi CRUD.

Cara Menghapus Data dalam Aplikasi CRUD

Berikut langkah-langkah menghapus data dari aplikasi CRUD:

1. Membuat Method Destroy

Langkah pertama yang perlu kita lakukan adalah menambahkan method destroy di dalam BookController.

Method ini akan bertanggung jawab untuk menghapus data buku berdasarkan ID yang diberikan. Tambahkan kode berikut ke BookController:

// app/Http/Controllers/BookController.php

public function destroy(Book $book)
{
    // Menghapus gambar sampul jika ada
    if (!empty($book->cover)) {
        Storage::delete('public/books/' . $book->cover);
    }

    // Menghapus data dari database
    $book->delete();

    // Mengalihkan halaman ke indeks dengan pesan sukses
    return redirect()->route('books.index')->with('success', 'Data buku berhasil dihapus!');
}

Dalam method destroy, kita tidak hanya menghapus data buku dari database, tetapi juga menghapus gambar covernya jika ada.

Ini adalah langkah penting untuk memastikan bahwa gambar cover yang tidak digunakan, tidak memenuhi penyimpanan projek kita.

2. Menjalankan Aplikasi

Setelah menambahkan method destroy, langkah selanjutnya adalah menjalankan aplikasi kita. Pastikan untuk menjalankan server Laravel menggunakan perintah:

php artisan serve

Setelah itu, uji coba fitur penghapusan data di browser Anda untuk memastikan semuanya berfungsi dengan baik.

Penutup

Dengan demikian, kita telah menyelesaikan seri tutorial CRUD Laravel 10 dan Bootstrap 5 dengan sukses.

Dari awal hingga akhir, kita telah belajar langkah-langkah dasar untuk membuat, menampilkan, menambahkan, memperbarui, dan menghapus data dalam aplikasi Laravel, sambil memanfaatkan kelebihan Bootstrap untuk tampilan yang menarik dan responsif.

Semoga seri tutorial kali ini bisa bermanfaat untuk kamu!

The post CRUD Laravel 10 dan Bootstrap 5 #5: Menghapus Data appeared first on ProdSens.live.

Hai, Sobat Risereaders!

Pada artikel sebelumnya, kita telah mempelajari proses menambahkan data baru ke dalam aplikasi kita. Dan juga, cara menyimpan gambar ketika melakukan penambahan data di Laravel.

Sekarang, kita akan melanjutkan pembuatan aplikasi CRUD Laravel dan Bootstrap, yaitu pada tahap mengupdate data aplikasi kita.

Cara Mengupdate Data Aplikasi CRUD

Langkah-langkah cara mengupdate data CRUD yang sudah ada di dalam database:

1. Membuat Method Edit dan Update

Langkah pertama dalam proses mengupdate data adalah dengan membuat method edit dan update di dalam controller BookController.

Method edit akan bertanggung jawab menampilkan form untuk mengedit data, sementara method update akan digunakan untuk memperbarui data di database.

// app/Http/Controllers/BookController.php

public function edit(Book $book)
{
    // Menampilkan halaman form edit data
    return view('books.edit', compact('book'));
}

public function update(Request $request, Book $book)
{
    // Validasi data input
    $validatedData = $request->validate([
        'cover' => 'nullable|image|mimes:jpg,png,jpeg,gif|max:2048',
        'title' => 'required|string|max:255',
        'description' => 'required|string',
    ]);

    // Jika mengunggah gambar cover baru
    if ($request->hasFile('cover')) {
        // Hapus gambar cover lama
        Storage::delete("public/books/$book->cover");

        // Upload gambar cover baru
        $cover = $request->file('cover');
        $cover->storeAs('public/books', $cover->hashName());

        // Simpan nama file gambar cover baru ke database
        $validatedData['cover'] = $cover->hashName();
    }

    // Update data di database
    $book->update($validatedData);

    // Mengalihkan halaman ke index dengan pesan sukses
    return redirect()->route('books.index')->with('success', 'Data buku berhasil diperbarui!');
}

Dalam method edit, kita menggunakan route model binding untuk langsung mengambil data buku yang akan diedit dari database.

Sedangkan dalam method update, kita melakukan validasi terhadap data input yang diterima sebelum memperbarui data di database.

Ketika kita melakukan update data, jika ada gambar cover baru yang ditambahkan, maka akan menghapus gambar cover yang lama menggunakan Storage::delete. Jangan lupa untuk mengimport Storage.

use IlluminateSupportFacadesStorage;

2. Membuat View Edit Data

Setelah membuat method di controller, langkah berikutnya adalah membuat tampilan untuk form edit data.

Buatlah file edit.blade.php di dalam folder resources/views/books/ dan tambahkan kode berikut:

@extends('layouts.app')


@section('title', 'Edit Buku')

@section('content')
     class="row justify-content-center">
         class="col-md-8">
            
            
@yield('title')

             class="card mt-3">
                 class="card-body">
                     action="{{ route('books.update', $book->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                         class="row justify-content-center">
                             class="col-6 col-sm-4 mb-3 order-sm-last">
                                 src="{{ asset('storage/books/' . $book->cover) }}" alt=""
                                    class="img-fluid border rounded">
                            

Dalam tampilan ini, kita menggunakan layout layouts.app yang sudah kita buat pada tahap persiapan awal aplikasi CRUD.

Form ini diproteksi dengan CSRF token dan method PUT, sesuai dengan standar RESTful untuk proses update data.

3. Menjalankan Aplikasi

Terakhir, mari kita uji coba aksi update data yang telah kita tambahkan. Jalankan aplikasi Laravel terlebih dahulu:

php artisan serve

Buka browser kamu, dan kunjungi http://localhost:8000/books. Setelah itu, cari data buku yang ingin kamu ubah datanya.

Penutup

Dalam artikel ini, kita telah mempelajari langkah-langkah untuk mengupdate data di dalam aplikasi CRUD kita. Belajar cara membuat method edit dan update, serta membuat halaman books.edit untuk menampilkan form edit data.

Pada artikel berikutnya dan juga terakhir, kita akan mempelajari cara menghapus data dari aplikasi CRUD kita. Jadi, tetap semangat belajar dan jangan lewatkan artikel selanjutnya!

The post CRUD Laravel 10 dan Bootstrap 5 #4: Mengupdate Data appeared first on ProdSens.live.

Hai, Sobat Risereaders!

Pada artikel sebelumnya, kita telah membahas langkah-langkah persiapan awal untuk memulai pembuatan aplikasi CRUD sederhana dengan menggunakan Laravel 10 dan Bootstrap 5.

CRUD Laravel 10 dan Bootstrap 5: Persiapan Awal

Tutorial cara mudah membuat aplikasi CRUD untuk mengelola data buku dengan Laravel 10 dan Bootstrap 5 bagian pertama.

blog.riseku.com

Kita sudah belajar bagaimana membuat model dan migrasi untuk projek, sekaligus menjalankan migrasi. Sekarang, kita akan beralih ke tahap selanjutnya dalam proses pengembangan, yaitu menampilkan data.

Cara Menampilkan Data Aplikasi CRUD

Langkah-langkah menampilkan data buku aplikasi CRUD dalam bentuk tabel:

1. Membuat Controller dan Method

Langkah pertama adalah membuat controller bernama BookController. Buka terminal kamu, jalankan perintah berikut:

php artisan make:controller BookController

Cari controller BookController di dalam folder app/Http/Controllers. Kemudian, mari kita buat method index untuk menampilkan data buku kita dari database:

// app/Http/Controllers/BookController.php



namespace AppHttpControllers;

// import class Book
use AppModelsBook;
use IlluminateHttpRequest;

class BookController extends Controller
{
    public function index(Request $request)
    {
        // mengambil title dari form pencarian
        $title = $request->input('search');

        // mengambil data buku dari database
        $books = Book::where('title', 'like', "%$title%") // filter data berdasarkan title
            ->orderByDesc('id') // urutkan data berdasarkan id secara descending
            ->paginate(5); // menampilkan 5 data per halaman

        // mengirim data buku ke view index
        return view('books.index', compact('books'));
    }
}

2. Membuat Layout

Selanjutnya, kita akan membuat layout untuk view. Buatlah file baru app.blade.php di dalam folder resources/views/layouts.

 lang="id">


     charset="UTF-8">
     name="viewport" content="width=device-width, initial-scale=1.0">
     http-equiv="X-UA-Compatible" content="ie=edge">

    
    
     href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
     rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">


 class="bg-light">
     class="container my-5">

        
        @yield('content')
    

Dengan menggunakan layout, kita dapat memisahkan struktur tampilan dari konten yang dinamis, sehingga memudahkan dalam pengelolaan dan perawatan kode.

3. Membuat View Index

Selanjutnya, kita perlu membuat view books.index. Buatlah file baru index.blade.php di dalam folder resources/views/books.

@extends('layouts.app')


@section('title', 'Daftar Buku')

@section('content')
     class="d-flex justify-content-between align-items-center mb-3">
        
        
@yield('title')
         href="{{ route('books.create') }}" class="btn btn-primary">Tambah Buku
    

4. Publish Pagination

Pada halaman books.index, kita menggunakan pagination Bootstrap 5, namun viewnya belum dipublikasikan.

Untuk menggunakan pagination tersebut, perlu untuk mempublikasikan viewnya terlebih dahulu. Jalankan perintah berikut di terminal:

php artisan vendor:publish --tag=laravel-pagination

Setelah proses ini selesai, kita dapat menggunakan pagination Bootstrap 5 dalam aplikasi Laravel kita.

5. Mendefinisikan Route

Langkah terakhir adalah mendefinisikan route untuk menampilkan data. Buka file routes/web.php dan tambahkan route berikut:

// import class BookController
use AppHttpControllersBookController;
use IlluminateSupportFacadesRoute;

Route::get('/', function () {
    return view('welcome');
});

// menambahkan route resource books
Route::resource('books', BookController::class);

Di sini, kita mendefinisikan route resource books yang akan menghasilkan beberapa route untuk menangani berbagai aksi CRUD.

Route ini akan otomatis menghasilkan routes untuk methods yang diperlukan, seperti index, create, store, edit, update, dan destroy. Dengan demikian, kita tidak perlu mendefinisikan routenya satu per satu secara manual.

Berikut adalah hasil route yang menggunakan resource:

6. Menjalankan Aplikasi

Sekarang, saatnya untuk menjalankan aplikasi kita dan melihat hasilnya. Gunakan perintah berikut untuk menjalankan aplikasi:

php artisan serve

Setelah itu, kita dapat mengakses localhost:8000/books dan melihat tampilan tabel yang berisi data dari tabel books di database.

Penutup

Pada artikel ini, kita telah mempelajari cara menampilkan data dengan menggunakan Laravel 10 dan Bootstrap 5. Langkah-langkah yang kita pelajari meliputi definisi route, pembuatan controller dan method, serta pembuatan tampilan untuk menampilkan data.

Selanjutnya, pada artikel berikutnya, kita akan membahas langkah-langkah untuk menambahkan data baru ke dalam database. Semoga tutorial ini memberikan manfaat!

CRUD Laravel 10 dan Bootstrap 5: Menambahkan Data

Tutorial cara mudah membuat aplikasi CRUD untuk mengelola data buku dengan Laravel 10 dan Bootstrap 5 bagian ketiga.

blog.riseku.com

The post CRUD Laravel 10 dan Bootstrap 5 #2: Menampilkan Data appeared first on ProdSens.live.

The post Martha Bitar’s Top 5 Things That Helped Her Bootstrap to $25M ARR appeared first on ProdSens.live.

The post How Lempire Scaled from $10M to $23M ARR in Two Years, Bootstrapped appeared first on ProdSens.live.

The post The Journey of Bootstrapping to $50M ARR and then Raising a $180 Million Series A appeared first on ProdSens.live.

Mega Menu With Glassy Scroll, Vanilla JavaScript, And Pure HTML. SASS Bootstrap.

• Customizable Dashboard For Change Colors
• Vanilla JS & Pure HTML SASS
• Easy To Use
• Clean Code And Commented Codes
• Fully LTR
• Glassy Effect

The post Glassy Scroll Mega Menu Bootstrap v.5.3 JS appeared first on ProdSens.live.

The post Moving From a Lifestyle Business to a Growth Business With the CEO of Ticket Tailor appeared first on ProdSens.live.

The post Bootstrapping to $10M ARR and Then Exiting Through Private Equity appeared first on ProdSens.live.