20 | 21 | 22 | 23 | ); 24 | } 25 | } 26 | 27 | MyDocument.getInitialProps = async (ctx) => { 28 | // Resolution order 29 | // 30 | // On the server: 31 | // 1. app.getInitialProps 32 | // 2. page.getInitialProps 33 | // 3. document.getInitialProps 34 | // 4. app.render 35 | // 5. page.render 36 | // 6. document.render 37 | // 38 | // On the server with error: 39 | // 1. document.getInitialProps 40 | // 2. app.render 41 | // 3. page.render 42 | // 4. document.render 43 | // 44 | // On the client 45 | // 1. app.getInitialProps 46 | // 2. page.getInitialProps 47 | // 3. app.render 48 | // 4. page.render 49 | 50 | // Render app and page and get the context of the page with collected side effects. 51 | const sheets = new ServerStyleSheets(); 52 | const originalRenderPage = ctx.renderPage; 53 | 54 | ctx.renderPage = () => 55 | originalRenderPage({ 56 | enhanceApp: (App) => (props) => sheets.collect(), 57 | }); 58 | 59 | const initialProps = await Document.getInitialProps(ctx); 60 | 61 | return { 62 | ...initialProps, 63 | // Styles fragment is rendered after the app and page rendering finish. 64 | styles: [ 65 | ...React.Children.toArray(initialProps.styles), 66 | sheets.getStyleElement(), 67 | ], 68 | }; 69 | }; 70 | -------------------------------------------------------------------------------- /src/components/CarCard.tsx: -------------------------------------------------------------------------------- 1 | import Avatar from '@material-ui/core/Avatar'; 2 | import Card from '@material-ui/core/Card'; 3 | import CardContent from '@material-ui/core/CardContent'; 4 | import CardHeader from '@material-ui/core/CardHeader'; 5 | import CardMedia from '@material-ui/core/CardMedia'; 6 | import { red } from '@material-ui/core/colors'; 7 | import IconButton from '@material-ui/core/IconButton'; 8 | import { makeStyles } from '@material-ui/core/styles'; 9 | import Typography from '@material-ui/core/Typography'; 10 | import MoreVertIcon from '@material-ui/icons/MoreVert'; 11 | import Link from 'next/link'; 12 | import React from 'react'; 13 | import { CarModel } from '../../api/Car'; 14 | 15 | export interface CarCardProps { 16 | car: CarModel; 17 | } 18 | 19 | const useStyles = makeStyles((theme) => ({ 20 | media: { 21 | height: 0, 22 | paddingTop: '56.25%', // 16:9 23 | }, 24 | expand: { 25 | transform: 'rotate(0deg)', 26 | marginLeft: 'auto', 27 | transition: theme.transitions.create('transform', { 28 | duration: theme.transitions.duration.shortest, 29 | }), 30 | }, 31 | expandOpen: { 32 | transform: 'rotate(180deg)', 33 | }, 34 | avatar: { 35 | backgroundColor: red[500], 36 | }, 37 | achorTag: { 38 | textDecoration: 'none' 39 | } 40 | })); 41 | 42 | export function CarCard({ car }: CarCardProps) { 43 | const classes = useStyles(); 44 | 45 | return ( 46 | 50 | 51 | 52 | 55 | R 56 | 57 | } 58 | action={ 59 | 60 | 61 | 62 | } 63 | title={car.make + ' ' + car.model} 64 | subheader={`£${car.price}`} 65 | /> 66 | 71 | 72 | 73 | {car.details} 74 | 75 | 76 | 77 | 78 | 79 | ); 80 | } 81 | -------------------------------------------------------------------------------- /src/pages/cars.tsx: -------------------------------------------------------------------------------- 1 | import { Grid } from '@material-ui/core'; 2 | import deepEqual from 'fast-deep-equal'; 3 | import { GetServerSideProps } from 'next'; 4 | import { useRouter } from 'next/router'; 5 | import { stringify } from 'querystring'; 6 | import { useState } from 'react'; 7 | import useSWR from 'swr'; 8 | import Search from '.'; 9 | import { CarModel } from '../../api/Car'; 10 | import { CarCard } from '../components/CarCard'; 11 | import { CarPagination } from '../components/CarPagination'; 12 | import { getMakes, Make } from '../database/getMakes'; 13 | import { getModels, Model } from '../database/getModels'; 14 | import { getPaginatedCars } from '../database/getPaginatedCars'; 15 | import { getAsString } from '../getAsString'; 16 | 17 | export interface CarsListProps { 18 | makes: Make[]; 19 | models: Model[]; 20 | cars: CarModel[]; 21 | totalPages: number; 22 | } 23 | 24 | export default function CarsList({ 25 | makes, 26 | models, 27 | cars, 28 | totalPages, 29 | }: CarsListProps) { 30 | const { query } = useRouter(); 31 | const [serverQuery] = useState(query); 32 | 33 | const { data } = useSWR('/api/cars?' + stringify(query), { 34 | dedupingInterval: 15000, 35 | initialData: deepEqual(query, serverQuery) 36 | ? { cars, totalPages } 37 | : undefined, 38 | }); 39 | 40 | return ( 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | {(data?.cars || []).map((car) => ( 50 | 51 | 52 | 53 | ))} 54 | 55 | 56 | 57 | 58 | 59 | ); 60 | } 61 | 62 | export const getServerSideProps: GetServerSideProps = async ( 63 | ctx 64 | ) => { 65 | const make = getAsString(ctx.query.make); 66 | 67 | const [makes, models, pagination] = await Promise.all([ 68 | getMakes(), 69 | getModels(make), 70 | getPaginatedCars(ctx.query), 71 | ]); 72 | 73 | return { 74 | props: { 75 | makes, 76 | models, 77 | cars: pagination.cars, 78 | totalPages: pagination.totalPages, 79 | }, 80 | }; 81 | }; 82 | -------------------------------------------------------------------------------- /src/pages/car/[make]/[brand]/[id].tsx: -------------------------------------------------------------------------------- 1 | import Grid from '@material-ui/core/Grid'; 2 | import Paper from '@material-ui/core/Paper'; 3 | import { makeStyles } from '@material-ui/core/styles'; 4 | import Typography from '@material-ui/core/Typography'; 5 | import { GetServerSideProps } from 'next'; 6 | import Head from 'next/head'; 7 | import React from 'react'; 8 | import { CarModel } from '../../../../../api/Car'; 9 | import { openDB } from '../../../../openDB'; 10 | 11 | const useStyles = makeStyles((theme) => ({ 12 | paper: { 13 | padding: theme.spacing(2), 14 | margin: 'auto', 15 | }, 16 | img: { 17 | width: '100%', 18 | }, 19 | })); 20 | 21 | interface CarDetailsProps { 22 | car: CarModel | null | undefined; 23 | } 24 | 25 | export default function CarDetails({ car }: CarDetailsProps) { 26 | const classes = useStyles(); 27 | 28 | if (!car) { 29 | return

Sorry, car not found!

; 30 | } 31 | 32 | return ( 33 |

34 | 35 | {car.make + ' ' + car.model} 36 | 37 | 38 | 39 | 40 | complex

41 | 42 | 43 | 44 | 45 | 46 | {car.make + ' ' + car.model} 47 | 48 | 49 | £{car.price} 50 | 51 | 52 | Year: {car.year} 53 | 54 | 55 | KMs: {car.kilometers} 56 | 57 | 58 | Fuel Type: {car.fuelType} 59 | 60 | 61 | Details: {car.details} 62 | 63 | 64 | 65 | 66 | 67 | 68 |

69 | ); 70 | } 71 | 72 | export const getServerSideProps: GetServerSideProps = async (ctx) => { 73 | const id = ctx.params.id; 74 | const db = await openDB(); 75 | const car = await db.get( 76 | 'SELECT * FROM Car where id = ?', 77 | id 78 | ); 79 | return { props: { car: car || null } }; 80 | }; 81 | -------------------------------------------------------------------------------- /src/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import { Button, FormControl, Grid, InputLabel, makeStyles, MenuItem, Paper, Select, SelectProps } from '@material-ui/core'; 2 | import { Field, Form, Formik, useField, useFormikContext } from 'formik'; 3 | import { GetServerSideProps } from 'next'; 4 | import router, { useRouter } from 'next/router'; 5 | import { useEffect, useState } from 'react'; 6 | import useSWR from 'swr'; 7 | import { getMakes, Make } from '../database/getMakes'; 8 | import { getModels, Model } from '../database/getModels'; 9 | import { getAsString } from '../getAsString'; 10 | 11 | export interface SearchProps { 12 | makes: Make[]; 13 | models: Model[]; 14 | singleColumn?: boolean; 15 | } 16 | 17 | const useStyles = makeStyles((theme) => ({ 18 | paper: { 19 | margin: 'auto', 20 | maxWidth: 500, 21 | padding: theme.spacing(3), 22 | }, 23 | })); 24 | 25 | const prices = [500, 1000, 5000, 15000, 25000, 50000, 250000]; 26 | 27 | export default function Search({ makes, models, singleColumn }: SearchProps) { 28 | const classes = useStyles(); 29 | const { query } = useRouter(); 30 | const smValue = singleColumn ? 12 : 6; 31 | 32 | const [initialValues] = useState({ 33 | make: getAsString(query.make) || 'all', 34 | model: getAsString(query.model) || 'all', 35 | minPrice: getAsString(query.minPrice) || 'all', 36 | maxPrice: getAsString(query.maxPrice) || 'all', 37 | }); 38 | 39 | return ( 40 | { 43 | router.push( 44 | { 45 | pathname: '/cars', 46 | query: { ...values, page: 1 }, 47 | }, 48 | undefined, 49 | { shallow: true } 50 | ); 51 | }} 52 | > 53 | {({ values }) => ( 54 |

55 | 56 | 57 | 58 | 59 | Make 60 | 66 | 67 | All Makes 68 | 69 | {makes.map((make) => ( 70 | 71 | {`${make.make} (${make.count})`} 72 | 73 | ))} 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | Min Price 83 | 89 | 90 | No Min 91 | 92 | {prices.map((price) => ( 93 | 94 | {price} 95 | 96 | ))} 97 | 98 | 99 | 100 | 101 | 102 | Max Price 103 | 109 | 110 | No Max 111 | 112 | {prices.map((price) => ( 113 | 114 | {price} 115 | 116 | ))} 117 | 118 | 119 | 120 | 121 | 122 | 130 | 131 | 132 | 133 |

134 | )} 135 | 136 | ); 137 | } 138 | 139 | export interface ModelSelectProps extends SelectProps { 140 | name: string; 141 | models: Model[]; 142 | make: string; 143 | initialMake: string; 144 | } 145 | 146 | export function ModelSelect({ initialMake, models, make, ...props }: ModelSelectProps) { 147 | const { setFieldValue } = useFormikContext(); 148 | const [field] = useField({ 149 | name: props.name 150 | }); 151 | 152 | const initialModelsOrUndefined = make === initialMake ? models : undefined; 153 | 154 | const { data: newModels } = useSWR('/api/models?make=' + make, { 155 | dedupingInterval: 60000, 156 | initialData: make === 'all' ? [] : initialModelsOrUndefined 157 | }); 158 | 159 | useEffect(() => { 160 | if (!newModels?.map((a) => a.model).includes(field.value)) { 161 | setFieldValue('model', 'all'); 162 | } 163 | }, [make, newModels]); 164 | 165 | return ( 166 | 167 | Model 168 | 184 | 185 | ); 186 | } 187 | 188 | export const getServerSideProps: GetServerSideProps = async ( 189 | ctx 190 | ) => { 191 | const make = getAsString(ctx.query.make); 192 | 193 | const [makes, models] = await Promise.all([getMakes(), getModels(make)]); 194 | 195 | return { props: { makes, models } }; 196 | }; 197 | -------------------------------------------------------------------------------- /migrations/001-helloworld.sql: -------------------------------------------------------------------------------- 1 | -- FAQ 2 | CREATE TABLE FAQ ( 3 | id INTEGER PRIMARY KEY AUTOINCREMENT, 4 | question TEXT, 5 | answer TEXT, 6 | createDate DATE 7 | ); 8 | 9 | INSERT INTO FAQ (question, answer, createDate) values('How to be safe buying online?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2019-11-01')); 10 | INSERT INTO FAQ (question, answer, createDate) values('Do I have any assurance on my new car?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2020-11-01')); 11 | INSERT INTO FAQ (question, answer, createDate) values('How many kilometers a normal car can have?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2018-11-01')); 12 | INSERT INTO FAQ (question, answer, createDate) values('What is the best month to buy a car?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2018-11-01')); 13 | INSERT INTO FAQ (question, answer, createDate) values('How to know the car history?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2018-11-01')); 14 | INSERT INTO FAQ (question, answer, createDate) values('How much do I pay a month to use the service?', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo', DATE('2018-11-01')); 15 | 16 | -- CAR 17 | CREATE TABLE Car ( 18 | id INTEGER PRIMARY KEY AUTOINCREMENT, 19 | make TEXT, 20 | model TEXT, 21 | year INTEGER, 22 | fuelType TEXT, 23 | kilometers INTEGER, 24 | details TEXT, 25 | price INTEGER, 26 | photoUrl TEXT 27 | ); 28 | 29 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Audi', 'A2', 2003 ,123456, 'Petrol' ,8199, '/photos/cars/audi-a2-2003-8199.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 30 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('BMW', '116', 2013 ,1231231, 'Petrol' ,12999, '/photos/cars/bmw-116-d-line-urban-2013.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 31 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('BMW', '320', 2009 ,655656, 'Petrol' ,18999, '/photos/cars/bmw-320-2009-18000.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 32 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('BMW', 'x1', 2012 ,565656, 'Diesel' ,24000, '/photos/cars/bmw-x1-2012-24999.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 33 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Ford', 'Fiesta', 2008 ,433444, 'Petrol' ,5590, '/photos/cars/ford-fiesta-2008-5950.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 34 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Ford', 'Fiesta', 2014 ,343434, 'Petrol' ,9950, '/photos/cars/ford-fiesta-2014-9950.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 35 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Mazda', '6', 2015 ,343411, 'Petrol' ,21000, '/photos/cars/mazda-6-2015.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 36 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Merces-Benz', '200', 2015 ,111111, 'Petrol' ,24999, '/photos/cars/mercedes-benz-200-2015-24999.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 37 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Merces-Benz', 'e250', 2011 ,123443, 'Diesel' ,29800, '/photos/cars/mercedes-benz-e250-2011-29800.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 38 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Peugeot', '3008', 2014 ,77000, 'Petrol' ,18999, '/photos/cars/peugeot-3008-2014-17999.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 39 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Renault', 'Clio', 2017 ,123133, 'Diesel' ,13485, '/photos/cars/renault-clio-2017-13485.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 40 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Renault', 'Espace', 2004 ,123123, 'Petrol' ,9800, '/photos/cars/renault-espace-2004.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 41 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Renault', 'Megane IV', 2016 ,123123, 'Diesel' ,15890, '/photos/cars/renault-megane-2016-15890.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 42 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Seat', 'Leon', 2010 ,44444, 'Diesel' ,13650, '/photos/cars/seat-leon-2010-13650.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 43 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Smart', 'for two', 2008 ,5534, 'Diesel' ,5800, '/photos/cars/smart-fortwo-2008-5800.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 44 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Smart', 'for two', 2012 ,43434, 'Diesel' ,7950, '/photos/cars/smart-fortwo-2012-7950.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 45 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Smart', 'for two', 2003 ,343434, 'Diesel' ,8850, '/photos/cars/smart-fortwo-passion-2003-8888.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 46 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Smart', 'for two', 2015 ,343434, 'Diesel' ,11500, '/photos/cars/smart-fortwo-passion-2015-11500.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 47 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Volkswagen', 'EOS', 2008 ,343434, 'Diesel' ,14700, '/photos/cars/volkswagen-eos-2008-14700.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 48 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Volkswagen', 'Golf', 2013 ,123123, 'Diesel' ,18300, '/photos/cars/volkswagen-golf-2013-18300.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 49 | INSERT INTO Car (make, model, year, kilometers, fuelType, price, photoUrl, details) values('Volkswagen', 'Tiguan', 2007 ,1231234, 'Petrol' ,14299, '/photos/cars/volkswagen-tiguan-2007-14299.jpg', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); 50 | 51 | -- Down 52 | DROP TABLE Car; 53 | DROP TABLE FAQ; --------------------------------------------------------------------------------