diff --git a/lib/components/utils/debounce.dart b/lib/components/utils/debounce.dart
new file mode 100644
index 0000000..6e1c470
--- /dev/null
+++ b/lib/components/utils/debounce.dart
@@ -0,0 +1,20 @@
+import 'dart:async';
+import 'dart:ui';
+
+class Debounce {
+  factory Debounce() => _instance;
+
+  Debounce._();
+
+  static final Debounce _instance = Debounce._();
+
+  static Timer? _timer;
+
+  static void run(
+    VoidCallback action, {
+    Duration delay = const Duration(milliseconds: 500),
+  }) {
+    _timer?.cancel();
+    _timer = Timer(delay, action);
+  }
+}
diff --git a/lib/data/dtos/characters_dto.dart b/lib/data/dtos/characters_dto.dart
index a7ada3f..67c42b3 100644
--- a/lib/data/dtos/characters_dto.dart
+++ b/lib/data/dtos/characters_dto.dart
@@ -5,8 +5,12 @@ part 'characters_dto.g.dart';
 @JsonSerializable(createToJson: false)
 class CharactersDto {
   final List<CharacterDataDto>? data;
+  final MetaDto? meta;
 
-  const CharactersDto({this.data});
+  const CharactersDto({
+    this.data,
+    this.meta,
+  });
 
   factory CharactersDto.fromJson(Map<String, dynamic> json) =>
       _$CharactersDtoFromJson(json);
@@ -37,3 +41,25 @@ class CharacterAttributesDataDto {
   factory CharacterAttributesDataDto.fromJson(Map<String, dynamic> json) =>
       _$CharacterAttributesDataDtoFromJson(json);
 }
+
+@JsonSerializable(createToJson: false)
+class MetaDto {
+  final PaginationDto? pagination;
+
+  const MetaDto({this.pagination});
+
+  factory MetaDto.fromJson(Map<String, dynamic> json) =>
+      _$MetaDtoFromJson(json);
+}
+
+@JsonSerializable(createToJson: false)
+class PaginationDto {
+  final int? current;
+  final int? next;
+  final int? last;
+
+  const PaginationDto({this.current, this.next, this.last});
+
+  factory PaginationDto.fromJson(Map<String, dynamic> json) =>
+      _$PaginationDtoFromJson(json);
+}
diff --git a/lib/data/dtos/characters_dto.g.dart b/lib/data/dtos/characters_dto.g.dart
index bd8c5d9..c4e1b40 100644
--- a/lib/data/dtos/characters_dto.g.dart
+++ b/lib/data/dtos/characters_dto.g.dart
@@ -11,6 +11,9 @@ CharactersDto _$CharactersDtoFromJson(Map<String, dynamic> json) =>
       data: (json['data'] as List<dynamic>?)
           ?.map((e) => CharacterDataDto.fromJson(e as Map<String, dynamic>))
           .toList(),
+      meta: json['meta'] == null
+          ? null
+          : MetaDto.fromJson(json['meta'] as Map<String, dynamic>),
     );
 
 CharacterDataDto _$CharacterDataDtoFromJson(Map<String, dynamic> json) =>
@@ -31,3 +34,16 @@ CharacterAttributesDataDto _$CharacterAttributesDataDtoFromJson(
       died: json['died'] as String?,
       image: json['image'] as String?,
     );
+
+MetaDto _$MetaDtoFromJson(Map<String, dynamic> json) => MetaDto(
+      pagination: json['pagination'] == null
+          ? null
+          : PaginationDto.fromJson(json['pagination'] as Map<String, dynamic>),
+    );
+
+PaginationDto _$PaginationDtoFromJson(Map<String, dynamic> json) =>
+    PaginationDto(
+      current: (json['current'] as num?)?.toInt(),
+      next: (json['next'] as num?)?.toInt(),
+      last: (json['last'] as num?)?.toInt(),
+    );
diff --git a/lib/data/mappers/characters_mapper.dart b/lib/data/mappers/characters_mapper.dart
index f7b308e..79c6009 100644
--- a/lib/data/mappers/characters_mapper.dart
+++ b/lib/data/mappers/characters_mapper.dart
@@ -1,12 +1,20 @@
 import 'package:pmu_labworks/data/dtos/characters_dto.dart';
 import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/home.dart';
 import 'package:pmu_labworks/domain/models/user.dart';
 
+extension CharactersDtoToModel on CharactersDto {
+  HomeData toDomain() => HomeData(
+        data: data?.map((e) => e.toDomain()).toList(),
+        nextPage: meta?.pagination?.next,
+      );
+}
+
 extension CharacterDataDtoToModel on CharacterDataDto {
-  CommentModel toDomain() => CommentModel(
+  CommentData toDomain() => CommentData(
         title: type ?? 'UNKNOWN',
         text: _makeDescriptionText(attributes?.born, attributes?.died),
-        user: UserModel(
+        user: UserData(
             nickname: attributes?.name ?? 'Noname',
             avatarUrl: attributes?.image),
       );
diff --git a/lib/data/repositories/api_interface.dart b/lib/data/repositories/api_interface.dart
index 90c2a6f..fd0ef3c 100644
--- a/lib/data/repositories/api_interface.dart
+++ b/lib/data/repositories/api_interface.dart
@@ -1,7 +1,7 @@
-import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/home.dart';
 
 typedef OnErrorCallback = void Function(String? error);
 
 abstract class ApiInterface {
-  Future<List<CommentModel>?> loadData({OnErrorCallback? onError});
+  Future<HomeData?> loadData({OnErrorCallback? onError});
 }
diff --git a/lib/data/repositories/mock_repository.dart b/lib/data/repositories/mock_repository.dart
index 19aa7f1..4e714f9 100644
--- a/lib/data/repositories/mock_repository.dart
+++ b/lib/data/repositories/mock_repository.dart
@@ -1,54 +1,55 @@
 import 'package:pmu_labworks/data/repositories/api_interface.dart';
 import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/home.dart';
 import 'package:pmu_labworks/domain/models/user.dart';
 
 class MockRepository extends ApiInterface {
   @override
-  Future<List<CommentModel>?> loadData({OnErrorCallback? onError}) async {
+  Future<HomeData?> loadData({OnErrorCallback? onError}) async {
     final data = [
-      CommentModel(
+      CommentData(
         title: 'Oh my god',
         text: 'this app is so cool ' * 10,
-        user: UserModel(
+        user: UserData(
           nickname: 'Steve',
           avatarUrl:
               'https://preview.free3d.com/img/2016/03/1875481443430303321/hld8c0oa.jpg',
         ),
       ),
-      CommentModel(
+      CommentData(
         title: 'Listen to me',
         text: 'This app is like Half-Life 3 - it will never be released',
-        user: UserModel(
+        user: UserData(
           nickname: 'G-Man',
           avatarUrl:
               'https://us-tuna-sounds-images.voicemod.net/356aeabd-18d5-40d8-af31-b479f4eff183-1704672174928.png',
         ),
       ),
-      CommentModel(
+      CommentData(
         title: 'BREAKING!!!',
         text:
             'ONLY NOW you can purchase the ability to put likes and dislikes for only 299\$',
-        user: UserModel(
+        user: UserData(
           nickname: 'Bethesda',
           avatarUrl: 'https://i.playground.ru/p/BWixorSTeZQfoPvdVL9lgA.jpeg',
         ),
       ),
-      CommentModel(
+      CommentData(
         title: 'Test',
         text: 'Test',
-        user: UserModel(
+        user: UserData(
           nickname: 'Noname',
         ),
       ),
-      CommentModel(
+      CommentData(
         title: 'Test',
         text: 'Test',
-        user: UserModel(
+        user: UserData(
           nickname: 'Noname',
         ),
       ),
     ];
 
-    return data;
+    return HomeData(data: data);
   }
 }
diff --git a/lib/data/repositories/potterdb_repository.dart b/lib/data/repositories/potterdb_repository.dart
index 280ea4a..482f7d1 100644
--- a/lib/data/repositories/potterdb_repository.dart
+++ b/lib/data/repositories/potterdb_repository.dart
@@ -2,7 +2,7 @@ import 'package:dio/dio.dart';
 import 'package:pmu_labworks/data/dtos/characters_dto.dart';
 import 'package:pmu_labworks/data/mappers/characters_mapper.dart';
 import 'package:pmu_labworks/data/repositories/api_interface.dart';
-import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/home.dart';
 import 'package:pretty_dio_logger/pretty_dio_logger.dart';
 
 class PotterDBRepository extends ApiInterface {
@@ -15,21 +15,31 @@ class PotterDBRepository extends ApiInterface {
   static const String _baseUrl = 'https://api.potterdb.com';
 
   @override
-  Future<List<CommentModel>?> loadData({String? q, OnErrorCallback? onError}) async {
+  Future<HomeData?> loadData({
+    OnErrorCallback? onError,
+    String? q,
+    int page = 1,
+    int pageSize = 25,
+  }) async {
     try {
       const String url = '$_baseUrl/v1/characters';
 
       final Response<dynamic> response = await _dio.get<Map<dynamic, dynamic>>(
         url,
-        queryParameters: q != null ? {'filter[name_cont]': q} : null,
+        queryParameters: {
+          'filter[name_cont]': q,
+          'page[number]': page,
+          'page[size]': pageSize,
+        },
       );
 
-      final CharactersDto dto = CharactersDto.fromJson(response.data as Map<String, dynamic>);
-      final List<CommentModel>? data = dto.data?.map((e) => e.toDomain()).toList();
+      final CharactersDto dto =
+          CharactersDto.fromJson(response.data as Map<String, dynamic>);
+      final HomeData data = dto.toDomain();
       return data;
     } on DioException catch (e) {
-      onError?.call(e.response?.statusMessage);
+      onError?.call(e.error?.toString());
       return null;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/lib/domain/models/comment.dart b/lib/domain/models/comment.dart
index b02b2a7..9d706e8 100644
--- a/lib/domain/models/comment.dart
+++ b/lib/domain/models/comment.dart
@@ -1,11 +1,11 @@
 import 'user.dart';
 
-class CommentModel {
+class CommentData {
   final String title;
   final String text;
-  final UserModel user;
+  final UserData user;
 
-  CommentModel({
+  CommentData({
     required this.title,
     required this.text,
     required this.user,
diff --git a/lib/domain/models/home.dart b/lib/domain/models/home.dart
new file mode 100644
index 0000000..9e5a7a7
--- /dev/null
+++ b/lib/domain/models/home.dart
@@ -0,0 +1,8 @@
+import 'package:pmu_labworks/domain/models/comment.dart';
+
+class HomeData {
+  final List<CommentData>? data;
+  final int? nextPage;
+
+  HomeData({this.data, this.nextPage});
+}
diff --git a/lib/domain/models/user.dart b/lib/domain/models/user.dart
index 8bb91dc..a47f23e 100644
--- a/lib/domain/models/user.dart
+++ b/lib/domain/models/user.dart
@@ -1,8 +1,8 @@
-class UserModel {
+class UserData {
   final String nickname;
   final String? avatarUrl;
 
-  UserModel({
+  UserData({
     required this.nickname,
     this.avatarUrl,
   });
diff --git a/lib/main.dart b/lib/main.dart
index d473fb9..f95b776 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmu_labworks/data/repositories/potterdb_repository.dart';
+import 'package:pmu_labworks/view/home_page/bloc/bloc.dart';
 import 'package:pmu_labworks/view/home_page/home_page.dart';
 
 void main() {
@@ -17,7 +20,15 @@ class MyApp extends StatelessWidget {
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
         useMaterial3: true,
       ),
-      home: const HomePage(title: 'Comments App'),
+      home: RepositoryProvider<PotterDBRepository>(
+        lazy: true,
+        create: (_) => PotterDBRepository(),
+        child: BlocProvider<HomeBloc>(
+          lazy: false,
+          create: (context) => HomeBloc(context.read<PotterDBRepository>()),
+          child: const HomePage(title: 'Comments App'),
+        ),
+      ),
     );
   }
 }
diff --git a/lib/view/details_page/details_page.dart b/lib/view/details_page/details_page.dart
index f720e92..e139772 100644
--- a/lib/view/details_page/details_page.dart
+++ b/lib/view/details_page/details_page.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:pmu_labworks/domain/models/comment.dart';
 
 class DetailsPage extends StatelessWidget {
-  final CommentModel model;
+  final CommentData model;
 
   const DetailsPage(this.model, {super.key});
 
diff --git a/lib/view/home_page/bloc/bloc.dart b/lib/view/home_page/bloc/bloc.dart
new file mode 100644
index 0000000..7cacfda
--- /dev/null
+++ b/lib/view/home_page/bloc/bloc.dart
@@ -0,0 +1,39 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmu_labworks/data/repositories/potterdb_repository.dart';
+import 'package:pmu_labworks/view/home_page/bloc/events.dart';
+import 'package:pmu_labworks/view/home_page/bloc/state.dart';
+
+class HomeBloc extends Bloc<HomeEvent, HomeState> {
+  final PotterDBRepository repo;
+
+  HomeBloc(this.repo) : super(const HomeState()) {
+    on<HomeLoadDataEvent>(_onLoadData);
+  }
+
+  Future<void> _onLoadData(HomeLoadDataEvent event, Emitter<HomeState> emit) async {
+    if (event.nextPage == null) {
+      emit(state.copyWith(isLoading: true));
+    } else {
+      emit(state.copyWith(isPaginationLoading: true));
+    }
+
+    String? error;
+
+    final data = await repo.loadData(
+      q: event.search,
+      page: event.nextPage ?? 1,
+      onError: (e) => error = e,
+    );
+
+    if (event.nextPage != null) {
+      data?.data?.insertAll(0, state.data?.data ?? []);
+    }
+
+    emit(state.copyWith(
+      isLoading: false,
+      isPaginationLoading: false,
+      data: data,
+      error: error,
+    ));
+  }
+}
\ No newline at end of file
diff --git a/lib/view/home_page/bloc/events.dart b/lib/view/home_page/bloc/events.dart
new file mode 100644
index 0000000..cefba70
--- /dev/null
+++ b/lib/view/home_page/bloc/events.dart
@@ -0,0 +1,10 @@
+abstract class HomeEvent {
+  const HomeEvent();
+}
+
+class HomeLoadDataEvent extends HomeEvent {
+  final String? search;
+  final int? nextPage;
+
+  const HomeLoadDataEvent({this.search, this.nextPage});
+}
diff --git a/lib/view/home_page/bloc/state.dart b/lib/view/home_page/bloc/state.dart
new file mode 100644
index 0000000..0b23657
--- /dev/null
+++ b/lib/view/home_page/bloc/state.dart
@@ -0,0 +1,28 @@
+import 'package:copy_with_extension/copy_with_extension.dart';
+import 'package:equatable/equatable.dart';
+import 'package:pmu_labworks/domain/models/home.dart';
+
+part 'state.g.dart';
+
+@CopyWith()
+class HomeState extends Equatable {
+  final HomeData? data;
+  final bool isLoading;
+  final bool isPaginationLoading;
+  final String? error;
+
+  const HomeState({
+    this.data,
+    this.isLoading = false,
+    this.isPaginationLoading = false,
+    this.error,
+  });
+
+  @override
+  List<Object?> get props => [
+        data,
+        isLoading,
+        isPaginationLoading,
+        error,
+      ];
+}
diff --git a/lib/view/home_page/bloc/state.g.dart b/lib/view/home_page/bloc/state.g.dart
new file mode 100644
index 0000000..114ac25
--- /dev/null
+++ b/lib/view/home_page/bloc/state.g.dart
@@ -0,0 +1,92 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'state.dart';
+
+// **************************************************************************
+// CopyWithGenerator
+// **************************************************************************
+
+abstract class _$HomeStateCWProxy {
+  HomeState data(HomeData? data);
+
+  HomeState isLoading(bool isLoading);
+
+  HomeState isPaginationLoading(bool isPaginationLoading);
+
+  HomeState error(String? error);
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `HomeState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// HomeState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  HomeState call({
+    HomeData? data,
+    bool? isLoading,
+    bool? isPaginationLoading,
+    String? error,
+  });
+}
+
+/// Proxy class for `copyWith` functionality. This is a callable class and can be used as follows: `instanceOfHomeState.copyWith(...)`. Additionally contains functions for specific fields e.g. `instanceOfHomeState.copyWith.fieldName(...)`
+class _$HomeStateCWProxyImpl implements _$HomeStateCWProxy {
+  const _$HomeStateCWProxyImpl(this._value);
+
+  final HomeState _value;
+
+  @override
+  HomeState data(HomeData? data) => this(data: data);
+
+  @override
+  HomeState isLoading(bool isLoading) => this(isLoading: isLoading);
+
+  @override
+  HomeState isPaginationLoading(bool isPaginationLoading) =>
+      this(isPaginationLoading: isPaginationLoading);
+
+  @override
+  HomeState error(String? error) => this(error: error);
+
+  @override
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `HomeState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// HomeState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  HomeState call({
+    Object? data = const $CopyWithPlaceholder(),
+    Object? isLoading = const $CopyWithPlaceholder(),
+    Object? isPaginationLoading = const $CopyWithPlaceholder(),
+    Object? error = const $CopyWithPlaceholder(),
+  }) {
+    return HomeState(
+      data: data == const $CopyWithPlaceholder()
+          ? _value.data
+          // ignore: cast_nullable_to_non_nullable
+          : data as HomeData?,
+      isLoading: isLoading == const $CopyWithPlaceholder() || isLoading == null
+          ? _value.isLoading
+          // ignore: cast_nullable_to_non_nullable
+          : isLoading as bool,
+      isPaginationLoading:
+          isPaginationLoading == const $CopyWithPlaceholder() ||
+                  isPaginationLoading == null
+              ? _value.isPaginationLoading
+              // ignore: cast_nullable_to_non_nullable
+              : isPaginationLoading as bool,
+      error: error == const $CopyWithPlaceholder()
+          ? _value.error
+          // ignore: cast_nullable_to_non_nullable
+          : error as String?,
+    );
+  }
+}
+
+extension $HomeStateCopyWith on HomeState {
+  /// Returns a callable class that can be used as follows: `instanceOfHomeState.copyWith(...)` or like so:`instanceOfHomeState.copyWith.fieldName(...)`.
+  // ignore: library_private_types_in_public_api
+  _$HomeStateCWProxy get copyWith => _$HomeStateCWProxyImpl(this);
+}
diff --git a/lib/view/home_page/comment.dart b/lib/view/home_page/comment.dart
index 88a9ebd..1931d96 100644
--- a/lib/view/home_page/comment.dart
+++ b/lib/view/home_page/comment.dart
@@ -6,7 +6,7 @@ typedef OnActionCallback = void Function(
 class _Comment extends StatefulWidget {
   final String title;
   final String text;
-  final UserModel? user;
+  final UserData? user;
   final OnActionCallback onAction;
   final VoidCallback? onTap;
 
@@ -19,14 +19,14 @@ class _Comment extends StatefulWidget {
   });
 
   factory _Comment.fromData(
-    CommentModel model, {
+    CommentData data, {
     OnActionCallback onAction,
     VoidCallback? onTap,
   }) =>
       _Comment(
-        title: model.title,
-        text: model.text,
-        user: model.user,
+        title: data.title,
+        text: data.text,
+        user: data.user,
         onAction: onAction,
         onTap: onTap,
       );
diff --git a/lib/view/home_page/home_page.dart b/lib/view/home_page/home_page.dart
index 736257d..5591831 100644
--- a/lib/view/home_page/home_page.dart
+++ b/lib/view/home_page/home_page.dart
@@ -2,11 +2,14 @@ import 'dart:math';
 
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:pmu_labworks/data/repositories/potterdb_repository.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmu_labworks/components/utils/debounce.dart';
 import 'package:pmu_labworks/domain/models/comment.dart';
 import 'package:pmu_labworks/domain/models/user.dart';
 import 'package:pmu_labworks/view/details_page/details_page.dart';
-import 'package:pmu_labworks/view/dialogs/show_dialog.dart';
+import 'package:pmu_labworks/view/home_page/bloc/bloc.dart';
+import 'package:pmu_labworks/view/home_page/bloc/events.dart';
+import 'package:pmu_labworks/view/home_page/bloc/state.dart';
 
 part 'comment.dart';
 
@@ -37,11 +40,11 @@ class _HomePageState extends State<HomePage> {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Text(widget.title,
-                style: TextStyle(
+                style: const TextStyle(
                   fontSize: 20,
                   fontWeight: FontWeight.bold,
                 )),
-            Text(
+            const Text(
               'made by Factorino',
               style: TextStyle(
                 fontSize: 12,
@@ -51,7 +54,7 @@ class _HomePageState extends State<HomePage> {
           ],
         ),
       ),
-      body: const Body(),
+      body: const _Body(),
     );
   }
 
@@ -65,28 +68,32 @@ class _HomePageState extends State<HomePage> {
   }
 }
 
-class Body extends StatefulWidget {
-  const Body({super.key});
+class _Body extends StatefulWidget {
+  const _Body();
 
   @override
-  State<Body> createState() => _BodyState();
+  State<_Body> createState() => _BodyState();
 }
 
-class _BodyState extends State<Body> {
+class _BodyState extends State<_Body> {
   final searchController = TextEditingController();
-  late Future<List<CommentModel>?> data;
-
-  final repo = PotterDBRepository();
+  final scrollController = ScrollController();
 
   @override
   void initState() {
-    data = repo.loadData(onError: (e) => showErrorDialog(context, error: e));
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context.read<HomeBloc>().add(const HomeLoadDataEvent());
+    });
+
+    scrollController.addListener(_onNextPageListener);
+
     super.initState();
   }
 
   @override
   void dispose() {
     searchController.dispose();
+    scrollController.dispose();
     super.dispose();
   }
 
@@ -101,43 +108,63 @@ class _BodyState extends State<Body> {
             child: CupertinoSearchTextField(
               controller: searchController,
               onChanged: (search) {
-                setState(() {
-                  data = repo.loadData(q: search);
-                });
+                Debounce.run(() => context
+                    .read<HomeBloc>()
+                    .add(HomeLoadDataEvent(search: search)));
               },
             ),
           ),
-          Expanded(
-            child: Center(
-              child: FutureBuilder<List<CommentModel>?>(
-                future: data,
-                builder: (context, snapshot) => SingleChildScrollView(
-                  child: snapshot.hasData
-                      ? Column(
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          children: snapshot.data?.map((data) {
-                                return _Comment.fromData(
-                                  data,
-                                  onAction: (String nickname, bool isLiked,
-                                          bool isDisliked) =>
-                                      _showSnackBar(context, nickname, isLiked,
-                                          isDisliked),
-                                  onTap: () => _navToDetails(context, data),
-                                );
-                              }).toList() ??
-                              [],
-                        )
-                      : const CircularProgressIndicator(),
-                ),
-              ),
-            ),
+          BlocBuilder<HomeBloc, HomeState>(
+            builder: (context, state) => state.error != null
+                ? Text(
+                    state.error ?? '',
+                    style: Theme.of(context)
+                        .textTheme
+                        .headlineSmall
+                        ?.copyWith(color: Colors.red),
+                  )
+                : state.isLoading
+                    ? const CircularProgressIndicator()
+                    : Expanded(
+                        child: RefreshIndicator(
+                          onRefresh: _onRefresh,
+                          child: ListView.builder(
+                            controller: scrollController,
+                            padding: EdgeInsets.zero,
+                            itemCount: state.data?.data?.length ?? 0,
+                            itemBuilder: (context, index) {
+                              final data = state.data?.data?[index];
+                              return data != null
+                                  ? _Comment.fromData(
+                                      data,
+                                      onAction:
+                                          (nickname, isLiked, isDisliked) =>
+                                              _showSnackBar(context, nickname,
+                                                  isLiked, isDisliked),
+                                      onTap: () => _navToDetails(context, data),
+                                    )
+                                  : const SizedBox.shrink();
+                            },
+                          ),
+                        ),
+                      ),
+          ),
+          BlocBuilder<HomeBloc, HomeState>(
+            builder: (context, state) => state.isPaginationLoading
+                ? const CircularProgressIndicator()
+                : const SizedBox.shrink(),
           ),
         ],
       ),
     );
   }
 
-  void _navToDetails(BuildContext context, CommentModel data) {
+  Future<void> _onRefresh() {
+    context.read<HomeBloc>().add(HomeLoadDataEvent(search: searchController.text));
+    return Future.value(null);
+  }
+
+  void _navToDetails(BuildContext context, CommentData data) {
     Navigator.push(
       context,
       CupertinoPageRoute(builder: (context) => DetailsPage(data)),
@@ -167,4 +194,17 @@ class _BodyState extends State<Body> {
       ));
     });
   }
+
+  void _onNextPageListener() {
+    if (scrollController.offset > scrollController.position.maxScrollExtent) {
+      // preventing multiple pagination request on multiple swipes
+      final bloc = context.read<HomeBloc>();
+      if (!bloc.state.isPaginationLoading) {
+        bloc.add(HomeLoadDataEvent(
+          search: searchController.text,
+          nextPage: bloc.state.data?.nextPage,
+        ));
+      }
+    }
+  }
 }
diff --git a/pubspec.lock b/pubspec.lock
index afba81d..71a4808 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -38,6 +38,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.11.0"
+  bloc:
+    dependency: transitive
+    description:
+      name: bloc
+      sha256: "106842ad6569f0b60297619e9e0b1885c2fb9bf84812935490e6c5275777804e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.1.4"
   boolean_selector:
     dependency: transitive
     description:
@@ -158,6 +166,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.1.1"
+  copy_with_extension:
+    dependency: transitive
+    description:
+      name: copy_with_extension
+      sha256: fbcf890b0c34aedf0894f91a11a579994b61b4e04080204656b582708b5b1125
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.4"
+  copy_with_extension_gen:
+    dependency: "direct main"
+    description:
+      name: copy_with_extension_gen
+      sha256: "51cd11094096d40824c8da629ca7f16f3b7cea5fc44132b679617483d43346b0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.4"
   crypto:
     dependency: transitive
     description:
@@ -198,6 +222,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.0"
+  equatable:
+    dependency: "direct main"
+    description:
+      name: equatable
+      sha256: c2b87cb7756efdf69892005af546c56c0b5037f54d2a88269b4f347a505e3ca2
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.5"
   fake_async:
     dependency: transitive
     description:
@@ -227,6 +259,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_bloc:
+    dependency: "direct main"
+    description:
+      name: flutter_bloc
+      sha256: b594505eac31a0518bdcb4b5b79573b8d9117b193cc80cc12e17d639b10aa27a
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.1.6"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -392,6 +432,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.6"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      sha256: "03bac4c528c64c95c722ec99280375a6f2fc708eec17c7b3f07253b626cd2a20"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
   package_config:
     dependency: transitive
     description:
@@ -424,6 +472,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.4.0"
+  provider:
+    dependency: transitive
+    description:
+      name: provider
+      sha256: c8a055ee5ce3fd98d6fc872478b03823ffdb448699c6ebdbbc71d59b596fd48c
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.2"
   pub_semver:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 2d7c58d..ddb0804 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -36,10 +36,17 @@ dependencies:
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.8
 
+  # Сетевое взаимодействие
   json_annotation: ^4.8.1
   dio: ^5.4.2+1
   pretty_dio_logger: ^1.3.1
 
+  # BLoC
+  equatable: ^2.0.5
+  flutter_bloc: ^8.1.5
+
+  copy_with_extension_gen: ^5.0.4
+
 dev_dependencies:
   flutter_test:
     sdk: flutter
@@ -51,6 +58,7 @@ dev_dependencies:
   # rules and activating additional ones.
   flutter_lints: ^4.0.0
 
+  # Сетевое взаимодействие
   build_runner: ^2.4.9
   json_serializable: ^6.7.1